Создать контурную карту

Учитывая набор координат (x, y, z), как бы я хотел создать карту контура?

Было бы неплохо узнать, как реализовать в d3, но не хотел бы пытаться реализовать его сам, если бы у меня было какое-то направление.


Для пользователи, могу ли я создать контурную карту с помощью d3.geom.contour() и jasondavies ' conrec.js:

https://github.com/jasondavies/conrec.js

По существу, я хотел бы воспроизвести эту карту контура, используя d3.js: http://beaugunderson.com/routes/

Ответ 1

Похоже, это было бы очень легко с conrec.js. Если вы передадите данные в форме, которая у вас есть, вы можете получить список путей, вызвав .contourList() в результате. Чтобы вы могли пройти без изменений к вызову d3 .data(). Все, что вам нужно сделать, это предоставить генератор путей, который отображает координаты в данных для отображения координат.

Ответ 2

  • Plotly.js основан на d3.js и предоставляет контурные графики. См. Например

https://plot.ly/javascript/contour-plots/

Plotly.js: Как избежать перекрывающихся контурных линий?

Как применить plotly.js к существующей группе svg <g> в качестве цели вместо ее применения к целевому <div> элемент?

  • Существует также контурный плагин для d3.js(которого я еще не использовал):

https://github.com/d3/d3-plugins/blob/master/geom/contour/contour.js

И пример: http://bl.ocks.org/mbostock/4241134