Диаграмма Scatter в аналоговых часах

Question

У меня есть массив JSON данные, как это:

var data=[ 
{"someProperty":"number","time":"2014-12-11T09:24:39.000Z"}, 
{"someProperty":"number","time":"2014-12-11T09:27:39.000Z"}, 
{"someProperty":"number","time":"2014-12-11T09:30:39.000Z"}, ..... 
] 

мне нужно нарисовать круг для каждого из них в массиве (с радиусом «SomeProperty») и положите их в аналоговый часы по времени. я нашел картину, сходную с моей проблеме здесь:.

но без кода :(

Я использую d3.js для этого мне удалось сделать это с помощью поворота, но затем все круги, где по периметру и пересекаются друг с другом Я хочу поместить их поперек радиуса во избежание столкновения. Я вижу некоторые примеры обнаружения столкновения, такие как http://bl.ocks.org/mbostock/1747543 , но я не вижу там никакой возможности управлять x , y позиция, как я хочу.

Answer 1

Если я правильно прочитал вопрос, «someProperty» предоставит значение радиуса, а «время» предоставит угол.

Я хотел бы предложить преобразуя эти точки привязки к полярным coordnates, как описано здесь: d3.js Plot elements using polar coordinates

Theta будет угол преобразован из «времени». r будет «someProperty»