The avatar for @john-guerra
John Alexis Guerra Gómez
I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Published
D3 Tutorials
Edited
Sep 13, 2020
1 fork
10 stars
D3 Tutorials
d3.geoPath + Canvas + Zoom + PanningTopoJSON Simplifier and Filter attributesHow to add a tooltip in D3d3.stack with d3.groupScatterplot OverplottingTreemap from table
d3.stack with d3.nest
D3 data binding v3 to v5D3 Network Visualization PlaygroundReusable charts d3@4Intro to D3Marks and Channels in D3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
nestedBuses = d3.nest().key((d) => d.routeTag).entries(data.vehicle)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
stackedBuses = d3.stack()
.keys(keys)
.value((d, key) => {
return key < d.values.length ? d.values[key].distance : 0;
})(sortedNestedBuses)
Insert cell
Insert cell
Insert cell
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