The avatar for @jeantimex
Su
Published
D3 Tutorials
Edited
May 3, 2020
27 forks
17 stars
1
D3 Tutorials
How to draw a simple line chartSimple line chart with grid linesSimple line chart with axis labelsMultiple line charts with same domainMultiple line charts with different domainTrends of Coronavirus (Covid-19) Total and Daily Cases of Each County in the USHow to draw a US map
US State County Map
San Jose Rainy DaysBasic Horizontal Bar ChartBasic Pie Chart
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
path = d3.geoPath().projection(projection);
Insert cell
projection = d3.geoIdentity().fitSize([width, height], stateData[0]);
Insert cell
stateData = topojson.feature(usData, usData.objects.states).features.filter((d) => d.id === selectedStateId);
Insert cell
countiesData = topojson.feature(usData, usData.objects.counties).features;
Insert cell
usData = await d3.json('https://d3js.org/us-10m.v2.json')
Insert cell
Insert cell
Insert cell
topojson = require('topojson-client@3')
Insert cell
d3 = require("d3@5")
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more