Skip to main content
SimilarExport ZIP
100%

Fork of ICE 7-3

✓ Published0🌍 Public
AAmar09nath
Last edited Mar 28, 2022
Created on Mar 28, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 7 -4

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`.

AAmar09nath
92% 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
87% match
Loading thumbnail…

Fork of ICE-7 Line Chart

This fork of the ICE-7 line chart visualizes the cost of sales from 2000 to 2013, plotting yearly values as a single red line. It uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.line to generate the path, with d3.axisBottom and d3.axisLeft rendering labeled axes. The chart loads CSV data from a GitHub gist, parses the year and cost fields, and renders an SVG within a centered container. Axes include gridlines via tickSize, and the code uses D3 v5.

Nnsatyaprakash22
86% match
Loading thumbnail…

Fork of ICE-7 Line Chart

This fork of an ICE-7 line chart visualizes the cost of sales from 2000 to 2013 using D3 v5. It renders an SVG line chart with time-scaled X-axis and linear Y-axis, using D3's `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs. The chart loads CSV data from a GitHub gist, converts the Year field to `Date` objects, and draws a red line path via `line()`. The visualization includes labeled axes, a title, and grid lines generated through tick marks.

AAmrutha Mohan
85% match
Loading thumbnail…

Fork of ICE-7

This line chart shows sales data over time, with years on the x-axis and sales values on the y-axis, using orange strokes to highlight trends. It loads CSV data from a GitHub gist, parsing dates with `d3.timeParse` and rendering an SVG via D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` functions. Grid lines and axis labels are customized through CSS, while margins and tick padding adjust the layout.

TTulluripallavi
85% 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
84% match
Loading thumbnail…

Fork of ICE-7 Line Chart

This fork of ICE-7 Line Chart visualizes the cost of sales from 2000 to 2013 using an SVG line chart. The chart plots year-based data on the x-axis against cost values on the y-axis, with axis labels and a title displayed directly. Data is loaded from a CSV file via `d3.csv`, and the visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` to construct the scales, path, and axes. The final rendering is a red stroke line path within a 960x500 SVG container.

Bbhanuteja1807@gmail.com
84% match
Loading thumbnail…

Fork of Fork of ICE-7

This example displays a line chart of sales data over time, with the x-axis representing years and the y-axis representing sales figures. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs to build the axes, while a `line` generator creates the orange stroke path. Data is loaded from a CSV file hosted on GitHub Gist, and the year values are parsed with `d3.timeParse` to format them as dates. The SVG rendering includes custom axis labels and styled tick marks.

TTulluripallavi
83% match