Assignment 5: Line Chart

100%

Assignment 5: Line Chart

✓ Published0🌍 Public

Last edited Feb 28, 2022

Created on Feb 28, 2022

This line chart displays the birth rate of Sao Tome and Principe from 1980 to 2013, with rates declining from approximately 41 to 35 births per 1,000 people. The visualization uses d3.csv to load the data, then draws a blue SVG path with d3.line, employing d3.scaleLinear for both axes and rendering tick labels with d3.axisBottom and d3.axisLeft. The data originates from the CORGIS global development dataset.

AI-generated description

CSV file has been edited to only contain the birth rate of the Sao Tome and Principe region from years 1980-2013.

Original CSV File: https://corgis-edu.github.io/corgis/csv/global_development/

MIT Licensed

Similar vizzes

Loading thumbnail…

Module6

This visualization uses birth-rate data from 2000–2013 for 39 countries to show how national rates change over time. A time slider scrubs through the years, with each country represented by a small circle positioned along a vertical axis. The current year is highlighted in a large display, and country labels fade or emphasize as the user drags the slider. The chart is rendered using D3 v3 with SVG, presenting a clean, static-scale line-and-dot layout that lets viewers compare relative birth rates across countries and track temporal trends.

CClevejones

75% match

Loading thumbnail…

Assignment2_task9_linechart

This line chart displays the average life expectancy in India over a range of years, with a smooth orange curve rendered as an SVG path using the d3.line generator with curveBasis interpolation. The chart uses d3.scaleLinear for both the year (x-axis) and life expectancy (y-axis) scales, along with d3.axisBottom and d3.axisLeft for labeled axes. Data is loaded from a remote CSV file via d3.csv, and the axes include gridlines and descriptive titles.

Ssreekarthanda@gmail.com

71% match

Loading thumbnail…

Linechart_Jasvitha-ICE7

The chart shows United States birth rates from 1950 to the present as a line graph, with the year on the x-axis and the birth rate on the y-axis. It uses D3 v7’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` functions to render an SVG path with a purple stroke. The data is loaded from a CSV via `d3.csv` and parsed for numeric and date values before being drawn.

JJasvitha Allamsetty

71% match

Loading thumbnail…

Line Chart

This example shows world population trends as a line chart, plotting year on the x-axis against percentage on the y-axis. The chart uses D3 v5 with an SVG rendering approach, employing `scaleTime` and `scaleLinear` for the axes and `line` to generate the path. Data is loaded from a CSV file via `csv`, with axes labeled and styled using `axisBottom`, `axisLeft`, and CSS. The line is drawn with a pink stroke, and the chart includes a title and axis labels.

TTejaswicmandava

71% match

Loading thumbnail…

Line Chart

This line chart visualizes Brazil’s total population over time, from 2010 to 2044, based on United Nations World Population Prospects data. The chart uses D3 v5 to load CSV data, scale time and linear axes, and generate an SVG path via the `d3.line` generator. Customized axes include formatted tick labels and grid lines, while the chart title and rotated axis labels are added as SVG text elements.

Ccarlos157oliveira

71% match

Loading thumbnail…

Line Chart

This line chart visualizes the evolution of Spain's population from 1900 to 2014, plotting live births and deaths over time. The visualization uses D3.js version 3.5.17, employing a time-scale for the x-axis, a linear scale for the y-axis, and SVG rendering. It features Voronoi diagrams for mouseover interaction, with a tooltip that remains always visible. The data is sourced from Wikipedia and loaded from a CSV file.

LLuisSevillano

70% match

Loading thumbnail…

Line Chart

This line chart visualizes student growth rates from 1980 to 2005, with years on the x-axis and growth rate on the y-axis. The chart uses d3.csv to load external data, then d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.line with d3.extent and d3.max for path generation. Rendered as SVG, the chart includes axis labels and a title, with the line path styled in red via CSS.

SSravaniPosina

70% match

Loading thumbnail…

Assignment 6: Bar Chart with Diverging Color Scale

A horizontal bar chart displays population growth rates for 35 countries, with bars extending from a central zero line and colored along a diverging red-yellow-green scale to distinguish negative from positive growth. The chart ranks countries by annual growth percentage, from the United States at 1.05% down to Germany at -0.35%, and includes country labels positioned beside each bar. The visualization uses d3.csv to load data, d3.scaleBand for the categorical y-axis, d3.scaleSequential with d3.interpolateRdYlGn for the diverging color scale, and d3.legendColor to render a horizontal legend. SVG rectangles represent the bars, with axes and labels drawn using d3.axisBottom and SVG text elements.

Aamrubal

69% match