Skip to main content
SimilarExport ZIP
100%

US fertility rate Line Chart

✓ Published0🌍 Public
NNTCHANG1289
Last edited Nov 7, 2018
Created on Sep 17, 2018

This line chart visualizes the US fertility rate from 1960 to 2016. The data, sourced from Kaggle’s World Bank dataset, is loaded via the `csv` function from D3 v5 and rendered as an SVG. The chart uses `scaleTime` and `scaleLinear` to map years and rates, with an axis on the left and bottom. A smooth line generated by `line` with `curveBasis` shows the declining trend, while styled tick lines and labels are applied via CSS.

AI-generated description

This line chart shows the US fertility rate from 1960 to 2016. The data is scratched from Kaggle - World Bank Data (1960 to 2016).

MIT Licensed

Similar vizzes

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
74% match
Loading thumbnail…

US births from 2000 to 2014

This chart displays annual US birth counts from 2000 to 2014 as a circle-mark scatter plot, with the year on the x-axis and the total number of births on the y-axis. It uses the Vega-Lite API via the vega-lite-api wrapper to encode the data, with D3.js loading the CSV source from a GitHub gist. The visualization is rendered as an SVG and includes customized axis styling and tooltips through the Vega tooltip handler.

BBizmundo
70% match
Loading thumbnail…

Fork of A scatter plot comparing EU fertility rate with urban population %

This scatter plot visualizes the relationship between EU countries' fertility rates and their urban population percentages, with each data point labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the CSV data—sourced from a GitHub gist—to SVG circles and text elements. The plot fills the entire browser window, with axes positioned at the chart’s margins and salmon-colored country labels offset for readability. Data parsing converts string values to numbers for accurate scaling and positioning.

HHieuVu179
70% match
Loading thumbnail…

A scatter plot comparing EU fertility rate with urban population %

This scatter plot displays the relationship between EU countries’ fertility rates and their urban population percentages, with each circle labeled by country name. The visualization uses D3 v7’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data from a CSV file supplied by the author via a GitHub gist. Circles are positioned using the scaled values, and country labels are placed with adjusted vertical offsets to reduce overlap. The chart is rendered as an SVG that fills the browser window, with salmon-colored text labels distinguishing them from the default circle marks.

YYiorgos Bagakis
70% match
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
69% match
Loading thumbnail…

Line Chart

This line chart displays the US unemployment rate from 1920 to 1980. It uses D3 v5 with scales from `d3.scaleLinear` and `d3.scaleTime`, and axes from `d3.axisLeft` and `d3.axisBottom`. The line is generated with `d3.line`, and the data is loaded as CSV from a GitHub gist. The SVG rendering includes styled grid lines, axis labels, and a title, with the blue stroke path emphasized via CSS.

JJerlineJJ
69% match
Loading thumbnail…

Area Chart_Jasvitha-ICE7

This visualization displays the United States birth rate from 1950 to the present using a violet area chart with a black line overlay. D3.js v7 scales time-based data on the x-axis and linear values on the y-axis, with grid lines and red axis labels. The chart uses `scaleTime`, `scaleLinear`, `area`, and `line` APIs to generate SVG paths from CSV data loaded via `d3.csv`.

JJasvitha Allamsetty
69% match
Loading thumbnail…

Countries Scatter plot

A scatter plot displays the relationship between fertility rate and urban population for 50 countries, with each circle representing a nation. The chart uses D3.js to create a linear x-scale for fertility rate and a reversed linear y-scale for urban population percentage. Grid lines extend from both axes, and axis labels clarify the variables. Data comes from a CSV file parsed with `d3.csv`, while the visualization is rendered as an SVG with circles styled in semi-transparent purple.

Aarieltonglet
69% match