Four graphs

100%

✓ Published0🌍 Public

Last edited Apr 15, 2015

Created on Apr 15, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Four graphs

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.

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

76% match

Loading thumbnail…

Economic indicators for a set of countries (France, Canada, Japan, Denmark, US) including unemployment rate, GDP, GDP growth, GDP per capita and growth, index of labour cost (base 100=2010), share of income owned by top 1% - Years 1980 to 2010; Note that value of Labour cost index for Denmark are for years 1980 to 1989 (entered as -1))

This visualization compares economic indicators across France, Canada, Japan, Denmark, and the US from 1980 to 2010, plotting unemployment rate, GDP, GDP growth, GDP per capita, per-capita growth, labour cost index (base 100=2010), and top 1% income share. Each measure is shown as a multi-line chart over time, with countries distinguished by color. The labour cost index for Denmark is marked as -1 for 1980–1989, indicating missing data, and is presumably excluded or highlighted as such in the display. The data supports exploration of relationships between labour market conditions, economic output, and income inequality across these five developed economies over three decades.

Aamerval

74% 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

72% match

Loading thumbnail…

Line Chart with Multiple Lines

This visualization examines unemployment across Spanish regions with two interactive SVG charts. The first chart displays 2014 unemployment rates as a horizontal bar chart, while the second tracks the evolution of these rates from 2007 to 2014 using a multi-line chart. The line chart uses d3.time.scale and d3.svg.axis to render annual data points, with hover effects that highlight individual paths. Regional CSV data is loaded and sorted via d3.csv, with the darkest bar representing the national total.

GGloriaYL

71% match

Loading thumbnail…

Line Chart with Multiple Lines

The visualization presents unemployment trends across Spanish regions from 2007 to 2014, with a supplementary bar chart detailing 2014 rates by region. It uses D3.js v3 to render SVG elements, including animated line paths that traverse the time series for each region, allowing hover highlighting to emphasize individual trends. The data is loaded from CSV files containing yearly unemployment percentages, with axes and scales built using d3.svg.axis and d3.time.scale.

GGloriaYL

71% 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

71% 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

70% match