The avatar for @nyuvis
EBVL
Enrico Bertini's Visualization Lab
Public
Guides and Examples
Edited
Jan 5
7 forks
Importers
13 stars
2
Guides and Examples
IntroductionJavaScript BasicsData TransformationSVG and D3 BasicsBar Chart Walk-throughLine and Area ChartsSelections and JoinsMapsChoropleth Color Schemes
Fundamental Graphs with D3
Graphical Encoding ExamplesContextual Elements, Aesthetics, and ClaritySmall MultiplesSmall Multiples with Different AxesNetworksInteractionSocrata Open Data API & NYC Open DataStarting a sequential color scale at a darker color
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
classes = Array.from(new Set(iris.map(d => d.class)))
Insert cell
irisColor = d3.scaleOrdinal()
.domain(classes)
.range(d3.schemeCategory10)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
boroughsSortedByNumRequests = d3.groupSort(
serviceRequests.filter(d => d.borough !== "Unspecified"),
group => -group.length,
d => d.borough
)
Insert cell
agenciesSortedByNumRequests = d3.groupSort(
serviceRequests.filter(d => d.borough !== "Unspecified"),
group => -group.length,
d => d.agency
)
Insert cell
Insert cell
Insert cell
Insert cell
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