Fork of ICE 7 -4

100%

Fork of ICE 7 -4

✓ Published0🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

This visualization displays U.S. household income trends over time as a smooth line over a filled area chart. The SVG graphic, rendered with D3 v5, uses `d3.line` and `d3.area` with a Basis curve to connect yearly data points. The chart, titled "USA Income by year," loads CSV data from a GitHub gist, employs `d3.scaleLinear` for axes, and includes axis labels and tick marks via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 7-3

This line chart visualizes USA income by year from 1999 to 2013, plotting income values against a time-based x-axis. The SVG rendering uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate the chart, with data loaded from a GitHub-hosted CSV file via the `csv` function. The chart applies margins, axis labels, and a purple title, with blue styled line paths and styled tick marks.

AAmar09nath

92% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This visualization displays the average US net worth over time using a combined line and area chart, with the area filled in orange and the line drawn in black. It loads CSV data from a GitHub gist and parses the year values as dates. The chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area`, with `curveBasis` applied to smooth both the line and area paths. The SVG rendering includes gridlines, labeled axes, and a bold blue title.

JJustin Roberts

84% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This visualization shows the percentage of the USA population from 1960 to 2020 using a combined line and area chart, with a smooth curve connecting annual data points. The line traces the trend in maroon, while a pink fill highlights the area beneath the curve. Built with D3 v5, the code uses `d3.line`, `d3.area`, and `curveBasis` to generate the smoothed paths, with `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` for axes. Data is loaded from a remote CSV via `d3.csv` and rendered into an SVG.

TTejucmandava

83% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This chart visualizes Amazon’s annual net income from 1994 to 2020 using a line graph. The SVG renders a time-based x-axis and a linear y-axis, with grid lines styled via CSS. The code imports specific D3 v5 modules (select, csv, scaleLinear, scaleTime, line, axisLeft, axisBottom) to load CSV data, parse year strings, and generate the path. Axis labels and tick formatting are added manually, while the line itself uses a stroke for emphasis. Data comes from a GitHub-hosted CSV file.

VVamsi Krishna

81% match

Loading thumbnail…

Fork of ICE 7 Area Chart(Test)

This area chart visualizes Amazon's annual net income from 1994 to 2020. The visualization uses D3 v5 to render an SVG, plotting time on the x-axis and net income in millions on the y-axis. It applies the `scaleTime` and `scaleLinear` APIs for axes, uses `axisBottom` and `axisLeft` for ticks, and draws a smooth line with `curveBasis` while filling the area beneath with a wheat color. The data is loaded from a CSV file via `csv()` from the d3 module.

VVamsi Krishna

81% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart displays electronic sales in America from 2001 to 2011, using a smooth curve to represent the trend and a red fill beneath the line. The visualization is rendered with SVG via D3 v5, using `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.line` with `curveBasis`. Data is loaded from a CSV file and parsed with `d3.csv`, while axis labels and tick formatting are handled by `d3.axisLeft` and `d3.axisBottom`.

AArv1228

80% match

Loading thumbnail…

Fork of ICE7-Line Chart

This line chart displays the USA population from 2011 to 2021, with years on the x-axis and population in millions on the y-axis. The visualization uses D3 v5 with SVG rendering, loading CSV data from a GitHub gist. It employs d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for tick marks, and d3.line to generate the red population curve. The chart includes a rotated y-axis label and gridlines created via tick sizes.

KKolliTeja

79% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart displays the current population of different countries over time, using a smooth, basis-curved line and an orange fill beneath it. The visualization is built with D3 v5, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `line` and `area` generators with `curveBasis`. Data is loaded from a remote CSV file and rendered as an SVG, with a grid, axis labels, and a title.

0057SatvikDamera

79% match