Ответ 1
Поскольку я недавно нашел его, я бы рекомендовал работать с http://phrogz.net/js/d3-playground/, а также для песочницы, в которой можно попробовать и узнать, как части могут работать вместе.
Изучение d3.js для визуализации данных
Я хочу начать изучать визуализацию данных (как побочный проект в моей PhD), желательно с пакетом D3.js. У меня нет java -experience, но у меня есть фон в ООП, поскольку я в основном работаю в python. Как таковой, мне было интересно, какой лучший способ изучить работу с d3 и какую среду вы могли бы мне порекомендовать.
Ответы
Ответ 2
Учебники Скотта Мюррея - отличное стартовое место: http://alignedleft.com/tutorials/d3/
Что касается сред, вы можете найти это полезным: http://tributary.io. Это интерактивный редактор кодирования, который поможет вам изучить d3.
Ответ 3
Веб-сайт Скотта Муррейса - хороший первый старт http://alignedleft.com/tutorials/d3/.
После этого я могу порекомендовать вам ознакомиться с этим веб-сайтом http://techslides.com/over-1000-d3-js-examples-and-demos/, в нем перечислены 1000 примеров d3. Обычно вы можете скопировать данные и код javascript и поиграть с ним локально на своем компьютере.
Вы также можете попытаться взять один из этих участков и посмотреть, сможете ли вы его восстановить.
Причина, по которой я нашел это полезным, - это то, что вам нужно распознавать ошибки, которые d3 бросает на вас. Это те моменты, о которых вы не знаете, почему есть ошибка, которая вызывает беспокойство. Имея пример, который вы восстанавливаете, вы гарантируете себя копией кода, который работает таким образом, вы можете более легко исправить себя.
Ответ 4
Я написал несколько руководств для новичков, чтобы узнать как Javascript и визуализацию данных:
http://blog.vida.io/2014/06/23/coding-visualization-tutorial-1-variables/ http://blog.vida.io/2014/06/23/coding-visualization-tutorial-2-functions/
Я нахожу первые четыре учебника из wiki очень полезными для изучения Основы D3:
https://github.com/mbostock/d3/wiki/Tutorials
Введение, Три Маленьких круга, Мышление с Соединениями, Как работают выборы.
Моя команда запускает https://vida.io. Мы используем шаблонный подход к d3 и позволяем пользователю быстро создавать рабочий документ, загружать новые данные и привязывать данные к документу через редактор графического интерфейса. Ознакомьтесь с примерами для начала работы:
Ответ 5
Вот список ресурсов, которые я использую для изучения d3js. Официальный сайт может быть немного подавляющим для кого-то нового для веб-разработки, поэтому еще несколько:
Учебники
- Официальный сайт D3js содержит список хороших примеров и учебных пособий здесь
- Квадрат имеет большое быстрое введение в D3, когда они на борту здесь
- Christophe Viau имеет хорошее одностраничное введение здесь
- Джером Кукер "Hello World" в D3, в котором более подробно описывается настройка вашей среды здесь
- Скотт Мюррей (alignedleft) очень хорошо объясняет ситуацию. Он также автор "Интерактивной визуализации данных", который я очень рекомендую. Учебное пособие здесь
Ссылка
- Вы увидите много разных функций d3 и задаетесь вопросом, что они делают. Используйте официальный API здесь.
Ответ 6
Я прошел через многие из обучающих программ d3.js и нашел их в замешательстве. Когда человек еще не очень хорошо знаком с HTML и CSS, им нужно немного больше объяснять детали. Эти детали лучше представлены в NRecursions:
Часть 1: http://nrecursions.blogspot.in/2014/11/getting-your-head-around-d3js.html
Part2: http://nrecursions.blogspot.in/2014/12/getting-your-head-around-d3js-part2.html