Question: Is it possible to random only days in date or Datetime within a range of days in sql server, t-sql.
For example if dates have days between 1to15 i want to randomise days creating a day number between 16 and 30. Example: 2017-7-10 to 2017-7-21(random day within 16to30). Thank you

Answer: 
You can nest `use` blocks, which might save you some lines, e.g.

```css
circle {
  fill: none;
  stroke: black;
  }
line {
  stroke: black;
}
```

```html
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">

  <!-- center dot -->
  <circle cx="50" cy="50" r="1" class="filled" />
  <!-- hour circle -->
  <circle cx="50" cy="50" r="35" />
  <!-- minute circle -->
  <circle cx="50" cy="50" r="40" />

  <g id='five-block'>
    <line x1="50" y1="17" x2="50" y2="15" />
    <line id="minute" x1="50" y1="10" x2="50" y2="8" />
    <use href='#minute' transform='rotate (6, 50, 50)' />
    <use href='#minute' transform='rotate (12, 50, 50)' />
    <use href='#minute' transform='rotate (18, 50, 50)' />
    <use href='#minute' transform='rotate (24, 50, 50)' />
  </g>

  <g id="quarter-block">
    <use href='#five-block' transform='rotate (30, 50, 50)' />
    <use href='#five-block' transform='rotate (60, 50, 50)' />
    <use href='#five-block' transform='rotate (90, 50, 50)' />
  </g>

  <use href='#quarter-block' transform='rotate (90, 50, 50)' />
  <use href='#quarter-block' transform='rotate (180, 50, 50)' />
  <use href='#quarter-block' transform='rotate (270, 50, 50)' />

</svg>
```

You could nest the `use` blocks even more if you wanted to make it slightly less verbose.

Or you could use Javascript to create the elements.
Since the javascript option hasn't been written out, here is an implementation:

```
var svg = document.querySelector("svg");
var xmlns = "http://www.w3.org/2000/svg";
var scales = [{ref: 'h0', ticks: 12}, {ref: 'm0', ticks: 60}];

scales.forEach(function(scale){
  var ticks = scale.ticks;
  var degrees = 360/ticks;
  while (ticks) {
    var use = document.createElementNS(xmlns, "use");
    use.setAttribute("href", "#" + scale.ref);
    use.setAttribute("transform", "rotate(" + degrees*ticks + ", 50, 50)")
    svg.appendChild(use);
    ticks--;
  }
});

```

You can see it in action here: <https://jsfiddle.net/dhd8g3tg/>