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

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

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


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

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

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


person Wex    schedule 15.08.2012    source источник


Ответы (2)


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

person Lars Kotthoff    schedule 15.08.2012
comment
Пример для conrec.js в сочетании с d3.js: github.com/jasondavies/ conrec.js/дерево/мастер/пример - person Stefan; 20.05.2016
comment
Все, видимо, не так просто, как описано здесь. Есть примеры? Мы не можем просто передать значения [x, y, z] в conrec, его нужно преобразовывать и, кажется, существенно. По крайней мере, это то, что я понимаю. Даже если вы посмотрите на пример github, это НЕ массив nx3, который предоставляется в качестве начального параметра data. - person Nikita Vlasenko; 16.02.2018

  • 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

person Stefan    schedule 20.05.2016