Line chart

100%

Line chart - Mahesh - ICE7

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

This line chart visualizes revenue trends for five selected states—California, New York, Texas, Florida, and Illinois—from 2020 to 2023. It uses D3.js v7 to load comma-separated text data, parse it, and render an SVG with a multi-line chart. The code applies `d3.scaleLinear` for axes, `d3.line` with `d3.curveLinear` for path generation, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, with a legend and title included.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart - Mahesh - ICE7

This area chart displays revenue trends for five U.S. states—California, New York, Texas, Florida, and Illinois—from 2020 to 2023, with each state represented by a colored, semi-transparent filled area. The visualization uses D3.js v7 to parse a text file of comma-separated values, filter for the selected states, and render the chart as SVG. It employs linear scales for the x- and y-axes, an area generator with a linear curve, and ordinal color scaling via `d3.scaleOrdinal` with `d3.schemeCategory10`. The code explicitly draws axes, a legend, and a title, with data loaded asynchronously using `d3.text`.

Ppmbhupathibalu@gmail.com

91% match

Loading thumbnail…

ICE-7 Line chart

This responsive line chart displays revenue trends over time, with expenses on the x-axis and revenue on the y-axis, plotted as a single blue line. The chart is built using the D3.js v7 library, which fetches CSV data from a GitHub Gist via `d3.csv`, scales the axes with `scaleLinear`, and renders the line as an SVG path using `d3.line` and `axisBottom`/`axisLeft` for the axes.

Ppeddubalaji@gmail.com

79% match

Loading thumbnail…

A multi-line chart displays tourist visitor counts for five US states—California, Texas, Florida, New York, and Illinois—from 2011 to 2021. Data is loaded via `d3.text` from a gist and parsed into per-state value arrays. The visualization uses D3 v7 to construct SVG paths with `d3.line`, linear scales, axis generators, and a drawn legend, with each state colored using `d3.scaleOrdinal` and `d3.schemeCategory10`.

Ssridhardubala106@gmail.com

79% match

Loading thumbnail…

Pie chart-Mahesh-ICE 7

This pie chart visualizes Amazon’s 2022 revenue by state, showing each state’s proportional share of total revenue. The chart uses D3 v5’s `pie()` and `arc()` generators to compute and render SVG slices, with a legend on the right listing states and their revenue values. The code fetches data from a CSV file via `csv()` and colors each slice using `scaleOrdinal`. Text labels display revenue in thousands (e.g., “12.34K”), formatted with D3’s `format()`. The visualization is rendered entirely with SVG, and the legend includes both state names and corresponding revenue amounts.

Ppmbhupathibalu@gmail.com

79% match

Loading thumbnail…

ICE - 7 Line Chart

A line chart displays annual sales over time, with a single thick maroon line tracing the trend. The visualization uses D3 v5 to load CSV data via `d3.csv`, parse dates with `d3.timeParse`, and construct scales with `scaleTime` and `scaleLinear`. Axes are generated using `axisBottom` and `axisLeft`, while the line path is created with the `d3.line` generator. The SVG rendering includes labeled axes and gridlines, with data sourced from a GitHub gist.

Nnehabaddam

79% match

Loading thumbnail…

ICE 7 Line Chart

This chart shows sample sales data from 2010 to 2022 as a single line, with a time-scaled x-axis for years and a linear y-axis for sales values. The visualization uses D3 v5 to load CSV data, then draws an SVG line path using `d3.line`, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The code imports modules like `scaleTime`, `scaleLinear`, `extent`, and `max` from D3 via a Rollup bundle that outputs to `bundle.js`. The styling applies custom CSS for gridlines, axis labels, and the stroke color of the line path.

Ddheeraj1509

79% match

Loading thumbnail…

ICE-7(Line Chart)

This visualization shows electronic sales in India from 2009 to 2022 as a line chart. The code uses D3 v5 APIs including `scaleLinear`, `scaleTime`, `line`, `axisLeft`, and `axisBottom` to render the SVG path representing the sales trend over time. Data is loaded from a CSV file hosted on GitHub, with year values converted to date objects and sales figures parsed as numbers. The chart includes labeled axes, a title, and gridlines, with styling applied via an external CSS file.

PPrathyusha Jampala

79% match

Loading thumbnail…

ICE - 7 Line Chart

This line chart visualizes Apple's revenue over 20 years, highlighting fluctuations in millions. It uses D3 v5 to load CSV data, parse dates, and render an SVG with scales, axes, and grid lines. The code employs `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and a `line` generator, with data sliced from a GitHub-hosted dataset.

IIndiraSiripurapu

79% match