Публикации по теме 'd3'


Как настроить D3.js с помощью Webpack и Babel
Как настроить D3.js с помощью Webpack и Babel Прежде чем начать, убедитесь, что у вас установлены node и npm . Используйте версию узла выше 6. Также обратите внимание, что все команды терминала предназначены для Mac. Используйте эквивалентные команды для вашей ОС. Репозиторий для этого руководства находится здесь . На днях я настраивал проект D3.js, когда столкнулся с классической головоломкой разработчика - если бы я хотел настроить проект без использования CDN, мне нужно..

D3: .scaleLinear, .axisBottom: нижняя ось
Разветвленный скрипт ниже был преобразован из D3.js v3 в v4. d3.scaleLinear() и d3.axisBottom() — это функции D3.js v4. .attrs() поставляется с d3-selection-multi.v1.min.js 0 был обрезан намеренно .tickSize() и .tickPadding() были добавлены в цепочку d3.axisBottom() Вызовы axisNodes.selectAll() были закомментированы, так как v4 их игнорирует Разветвленный скрипт v4 выше. Оригинальный скрипт v3 ниже. D3.js 3.5.17, похоже, похож на Python 2.7.13...

d3js и функция первого класса
d3js и функция первого класса Передача функции в качестве аргумента другим функциям - трудная для понимания концепция для новичков, особенно для тех, кто использует другие языки. D3 еще больше усугубляет эту трудность, делая модель функций-аргументов неотъемлемой частью основного шаблона, но не заставляет проектировщика понимать, что, черт возьми, происходит, когда они вводят функцию в середине их код. Вместо того, чтобы изучать, что делает основной код, некоторые просто слепо..

Вы меня на данные
Должен признаться, кроме жены у меня есть еще любовница. Ее зовут данные. В глубине души я помешан на больших данных. Не буду врать, мое сердце екнуло на несколько ударов, когда инфографика начала появляться по всему Интернету. В рамках учебной программы Hack Reactor нам представили D3. Это была любовь с первого сайта. Честно говоря, я изначально был настроен скептически. Я больше писец, поэтому до недавнего времени не был большим поклонником библиотек. (Больше об этом в другой..

Делаем D3 снова веселым с помощью React
Я давно являюсь поклонником d3.js за создание красивых, информативных и привлекательных дисплеев данных. D3 был первым инструментом, который позволил мне визуально выразить себя в сети таким образом, чтобы это соответствовало тому, что я чувствовал в своей душе при работе с данными. Красивые переходы, элегантная обработка данных и замечательное сообщество; D3 сразу почувствовал себя как дома. Это было единственное вдохновение, которое побудило меня изучить javascript и стать..

D3: .scaleLinear, .axisTop: верхняя ось
Разветвленный скрипт ниже был преобразован из D3.js v3 в v4. d3.scaleLinear() и d3.axisTop() являются исключительно функциями D3 v4, которые заменяют d3.scale.linear() и d3.svg.axis().orient("top") из D3 v3. Два вызова axisNodes.selectAll() были закомментированы, поскольку v4 их игнорирует. Также были добавлены .tickSize() и .tickPadding() . Приведенный выше скрипт был адаптирован для версии 4 на основе исходной версии (D3.js v3), показанной ниже: D3.js 3.5.17,..

Создайте модуль NotebookJS за 9 минут
Здравствуйте, это Эйдан Вольф, вице-президент по продукту в Datazar. Сегодня я покажу вам, как создать модуль NotebookJS за 9 минут. Если вы не знакомы с NotebookJS, это облачная система научных вычислений, полностью построенная на Javascript. Что делает NotebookJS еще более мощным, так это добавление модулей, которые создаются и поддерживаются нашим замечательным сообществом Datazar. К концу этого руководства ваш модуль будет мгновенно доступен для включения в любую записную книжку..