Dot Plot with Date Scale and Axis

100%

Dot Plot with Date Scale and Axis

✓ Published0🌍 Public

Last edited Apr 7, 2015

Created on Apr 7, 2015

This dot plot displays the projected percentage of 26-year-old males in Inner London’s total population from 2001 to 2041, based on GLA’s 2014 round population projections. The visualization uses a time-scaled x-axis for years and a linear y-axis for percentages, with each dot representing a year. Circles animate in sequentially, growing from zero radius to full size in chronological order, and hover tooltips reveal exact values. The downward trend in the plotted percentages is clearly visible over the four-decade span.

AI-generated description

Similar vizzes

Loading thumbnail…

Line Chart with Multiple Lines

This line chart visualizes migration flows in and out of London Hackney from 2002 to 2041, using projected population data. The SVG chart renders multiple lines, each representing a different country’s migration pattern over time. Hovering over a line reveals the specific annual numbers. The x-axis uses a time scale for years, while the y-axis maps migration amounts, with axis labels and grid lines styled in grey. The chart is built with D3 v3 and includes an interactive hover effect that highlights data points in orange.

BBenHeubl

68% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes world population growth from 1960 to 2015, using a filled area chart beneath a red dot for each year. The visualization employs d3.scaleTime and d3.scaleLinear for axes, d3.area with curveBasis for the smooth region, and d3.axisBottom/axisLeft with tick formatting. Data loads from a CSV file via d3.csv. The SVG rendering includes labeled axes and a title, with population values formatted in billions.

Ggregosaure

66% match

Loading thumbnail…

Multiple Line plot (refactored)

This visualization displays London’s monthly average PM2.5 particulate levels from 2010 through 2018 as multiple colored lines, one per year, overlaid on a shared time axis. It uses d3.csv for data loading, d3.nest and d3.line for grouping and path generation, d3.scaleTime, d3.scaleLinear for axes, and d3.scaleOrdinal for year-based color encoding. The view includes a dropdown menu, a color legend, and SVG rendering. Data derives from the Kings College London Air Quality Dataset via the London Datastore.

CCurran Kelleher

66% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population distribution across twenty age cohorts, ranging from "00-04" to "95-eo" years, based on a 2018 United Nations World Population Prospects estimate. The visualization uses D3 v5 with an SVG rendering approach. The code employs `scaleLinear` for the population x-axis, `scaleBand` for the categorical y-axis, and `axisLeft`/`axisBottom` for the chart’s gridlines. Population data is loaded from a CSV file and parsed into numeric values before rendering steelblue rectangles.

Ttkreglhn

66% match

Loading thumbnail…

2015-2100 Population Data

This example visualizes global population change from 2015 to 2100 as an animated stacked area chart using D3 v3 with SVG rendering. The data, sourced from a Gist by BruceHenry, provides male and female population counts across 21 age groups (0-4 up to 100+) in five-year intervals. The chart displays two mirrored area series for males and females, with smooth transitions as the years advance, illustrating shifts in age composition and overall population growth over the century.

BBruceHenry

66% match

Loading thumbnail…

Multiple Line plot

This visualization displays London’s monthly average PM2.5 particulate levels from 2010 through 2018, drawn from the Kings College London Air Quality Dataset in the London Datastore. Nine colored lines, one per year, show seasonal patterns using smooth curves generated with d3.line and curveBasis. The code uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal for the color legend. SVG rendering supports the chart and interactive dropdown menu.

CCurran Kelleher

66% match

Loading thumbnail…

Scatter Plot Convert to Line plot

This interactive visualization uses the D3.js library (v5) and displays monthly average air quality data for London from January 2010 to August 2018. Users can select different variables from dropdown menus to plot as the x and y axes. The chart transitions from a scatter plot, with circles colored by month using an inferno color scale, into a smooth line plot representing the data trend. The visualization also includes a clickable color legend to filter datapoints by month, highlighting the selected month's data while dimming others. The data is sourced from the Kings College London Air Quality Dataset.

Jjblaskovich

66% match

Loading thumbnail…

2015-2100 Population Data

This visualization presents global population dynamics from 2015 to 2100 using an animated population pyramid. The chart displays age structure (0-19 years) on the vertical axis and population counts on the horizontal axis, with male and female data rendered as two back-to-back horizontal bar series. The animation steps through each year, updating the bars to reflect changing age distributions over time. The design uses a muted color palette to distinguish sexes, with male and female data shown on opposite sides of the central axis. The SVG rendering in D3.v3 creates a smooth, continuously updating transition that allows viewers to observe demographic shifts across the 85-year period at a glance.

BBukenyae

65% match