Skip to main content
100%

Four graphs

✓ Published0🌍 Public
Aamerval
Last edited May 7, 2015
Created on Apr 26, 2015

Four small multiples charts animate together to show French macroeconomic indicators from 1980 to 2010: unemployment rate, GDP growth, GDP per capita, and top 1% income share. Each chart uses D3 v3 with SVG line paths and a moving year indicator, revealing correlations between the four measures over time. The data, loaded from econlong.csv, is filtered by Measure and drawn as separate time-series line charts with animated transitions highlighting year-by-year changes across all four panels simultaneously.

AI-generated description

Similar vizzes

Loading thumbnail…

Four graphs

The visualization displays four synchronized line charts for France from 1980 to 2010, plotting unemployment rate, GDP growth, GDP per capita, and labour costs, plus the top 1% income share. Each chart animates sequentially as the years progress, drawing a line through the data points for its measure. The data is loaded from econlong.csv, and the SVG renderings update in a looping timeline, allowing comparison of trends across the four economic indicators.

Aamerval
93% match
Loading thumbnail…

Visu_Part3

This visualization shows unemployment rates across French regions from 2013 to 2017 as animated multi-line charts. Users can toggle between viewing all regions at once or selecting individual regions via radio buttons and legend clicks. The D3 v4 code loads CSV data, nests values by region, and draws SVG paths using `d3.line` with color-coded strokes. Legend text elements respond to clicks to toggle line opacity, while animated transitions update the display based on user selection.

AAminaSGitHub
72% match
Loading thumbnail…

4-Bubble_chart

This bubble chart visualizes the correlation between birthrate, life expectancy, and GDP across fourteen countries, using a D3.js SVG rendering with animated transitions. GDP scales bubble radius, while life expectancy and birthrate map to the x- and y-axes, with colors assigned via a turbo color scale. A tooltip displays each country’s name on hover, and a legend shows GDP values and country color keys. The chart uses D3’s CSV loader and linear scales, with data from the included CSV file.

JJagadeshwar Reddy. Chilakamarri
71% match
Loading thumbnail…

Exercise Module 4

This chart compares GDP per capita (left) and the top 1%'s share of income (right) for five countries in 2010, using side-by-side horizontal bar charts. The bars are sorted by GDP per capita, with a shared ordinal y-axis for country names. Built with D3 v3 and rendered as SVG, it encodes each measure with a linear scale and provides hover tooltips.

Aamerval
70% match
Loading thumbnail…

Multiline chart

This interactive multiline chart visualizes the GDP of 19 European countries from 2006 to 2023, using D3.js (v7.8.5) to render SVG line paths and an animated legend. Users toggle country visibility via checkboxes, with a tooltip displaying formatted GDP values. The data is fetched from a GitHub gist and parsed as CSV using `d3.csvParse`. A color scale from `d3.schemeCategory10` assigns distinct hues, and the chart includes dashed gridlines and an SVG-based legend for clarity.

Kkfhujosefsson@dons.usfca.edu
70% match
Loading thumbnail…

Fork of Fork of US Economic indicators

This interactive dashboard explores US economic indicators across four linked pages: a choropleth map of state GDP, a multi-line chart of income trends, a small-multiple dashboard of related metrics, and an animated scatterplot with a trailing dot effect. Navigation buttons toggle between pages, with charts rendered lazily on first view. The visualization uses d3.v7 with d3.geoPath for the TopoJSON state map, d3.csv for loading economic datasets, and d3.scaleQuantize for choropleth coloring, all drawn as SVG with shared tooltips and interactive hover states.

Ddiwashhumagain@my.unt.edu
69% match
Loading thumbnail…

graphs

This visualization displays country-level economic and health indicators, including a line chart of GDP values, a histogram of GDP distribution, and a scatter plot comparing GDP with life expectancy. The code loads CSV data, cleans GDP strings, and initializes three chart instances using the Chart.js library alongside D3.js for data fetching. The charts render on separate HTML canvas elements, with the line chart displaying raw GDP values and the scatter plot revealing correlations between economic output and longevity.

BBharath kumar
69% match
Loading thumbnail…

US Economic indicators

This interactive dashboard presents four coordinated views of US economic indicators, including a choropleth map of GDP by state, a multi-line chart of personal income trends, a dashboard of small multiples, and a scatterplot with a time slider. Built with D3 v7 and TopoJSON, the application layers multiple visualizations from CSV datasets covering GDP, income, inflation, and a final combined dataset. Users navigate between pages via buttons, with each view rendered as SVG and featuring interactive tooltips, hover effects, and legend controls.

Ddiwashhumagain@my.unt.edu
69% match