Version samples
Gallery / Perceived Threat of COVID-19
A two-line chart with error bars. Visualizes survey data on the perceived threat of COVID-19 in the U.S. over time by political affiliation. Features grid lines along with custom colors, tooltip, and markers.
Gallery / Tesla Inc. Stock Price
A candlestick chart visualizing daily stock price data for Tesla Inc. (TSLA) from 2010 to 2021. Loads data from CSV. Features technical indicators (EMA, MACD, and Envelope), annotations, and a scroller series.
Gallery / Tour de France 2021 Route Map
A connector map visualizing the cycling route of the 2021 Tour de France. Loads data from a JSON file. Features custom settings for the connector lines, markers, colors, labels, tooltip, and title.
Gallery / Beijing 2022 Winter Olympics Medal Tally
A stacked bar chart visualizing the medal counts for the top 10 countries on the final leaderboard of the Beijing 2022 Winter Olympic Games. Features custom settings for the tooltip, legend, title, and coloring.
Gallery / Leading Causes of Death
A Pareto chart visualizing CDC's statistics for the leading causes of death in the United States in 2019. Features crosshair lines along with custom colors, labels, and tooltip.
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 / Deadliest Earthquakes
A basic, single-series bar chart visualizing the death toll from the 10 deadliest earthquakes of the 20th century.
Gallery / COVID-19 Vaccination Rates
A linear gauge chart making use of LED and bar pointers to visualize the progress of the COVID-19 vaccination campaign around the world as of October 2021. Features custom colors, labels, tooltip, and legend.
Gallery / EUR/USD Historical Trade Data
A candlestick chart visualizing euro (EUR) to U.S. dollar (USD) historical exchange rates. Loads data from CSV. Features the EMA indicator for technical analysis, custom colors, and a scroller series.
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 / 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 / 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.