Version samples
Gallery / Top 1000 Highest Grossing Hollywood Movies: Domestic vs. International Sales
A scatter chart visualizing data on the international and domestic sales of the 1000 highest-grossing Hollywood movies. Loads data from JSON. Features custom settings for the tooltip, scale, grid lines, and titles.
Gallery / Shipping Ports Worldwide
A dot density map visualizing the location of shipping ports around the world and the number of outflows from each. Loads data from JSON. Features custom settings for the markers, coloring, and tooltip.
Gallery / 2021 Grammys Record of the Year Nominations
A solid angular gauge chart visualizing Spotify stream counts for each 2021 Grammys Record of the Year nominee song. Loads data from JSON. Features custom colors, labels, and tooltip.
Gallery / Human Development Index by Region
A heat map chart visualizing the change of the Human Development Index (HDI) for six macroregions between 2010 and 2018. Features custom settings for the tooltip and colors. The labels are hidden.
Gallery / Internet Audience Worldwide
A treemap chart visualizing data about the number of worldwide internet users as of January 2019, by region. Features a built-in drill down along with customized labels, colors, tooltip, and title.
Gallery / Mike Bostock's GitHub Contributions
A calendar graph visualizing GitHub contributions of Mike Bostock, a co-creator of D3.js & Observable, in 2017–2021. Loads data from JSON. Features custom colors, tooltip, and title. With years in reverse order.
Gallery / Top 15 Technologies for Data Visualization
A two-series column polar chart showing the most popular technologies used for data visualization, according to the DVS State of the Industry surveys for 2019 and 2020. With custom labels, colors, and tooltip.
Gallery / Income Statement for Alphabet Inc.
A waterfall chart visualizing the annual income statement of Alphabet Inc. (GOOGL), the parent company of Google, for the year 2020. Features custom settings for the labels, coloring, and axis formatting.
Gallery / Global Smartphone Shipments in 2019
A Marimekko chart visualizing IDC's data on global smartphone shipments for 2019 by quarter and vendor. Features custom settings for the axes, labels, tooltip, title, and coloring.
Gallery / Amazon Inc. Stock Price
An OHLC chart visualizing Amazon stock price on Nasdaq during Jeff Bezos's tenure as CEO. Loads data from CSV. Features the EMA technical analysis indicator, event markers, custom colors, and a range selector.
Gallery / The Little Prince Word Tree
A word tree chart visualizing the text of Antoine de Saint-Exupéry's book The Little Prince. Loads data from TXT using Ajax with jQuery. Features custom connectors, font styling, and drill-down/drill-up buttons.
Gallery / Roman History Timeline
A timeline of Roman history highlighting major events from the Roman Kingdom through the Byzantine Empire. Features enhanced navigation along with custom tooltips, labels, colors, and locale adjustments.