ICE7-LineChart

100%

ICE7-LineChart

✓ Published1🌍 Public

Last edited Oct 28, 2025

Created on Oct 28, 2025

This line chart displays monthly e-scooter sales data from a CSV file, plotting sales values as a steelblue line with orange circular points. The visualization uses D3 v7 to construct SVG elements, with `d3.scalePoint` for the categorical month axis and `d3.scaleLinear` for the sales axis. Axis rendering uses `d3.axisBottom` and `d3.axisLeft`, while the line itself is generated via `d3.line`. The chart includes labeled axes and a title, with data loaded through `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7-AreaChart

This area chart displays monthly e-scooter sales and profit data from a CSV file, with sales shown as a light blue filled area and a steel blue line overlay using d3.area and d3.line with curveMonotoneX. The visualization uses D3 v7 to create an SVG with scales, axes, and labels, including a point scale for months and a linear scale for sales values. The dataset spans January through June, showing a steady upward trend in sales from 120 to 260 units.

LLokesh

92% match

Loading thumbnail…

ICE7-ScatterPlot

This example shows a reusable scatter plot of monthly e-scooter sales versus profit from an external CSV file, using an SVG rendering approach. The chart maps sales to the x-axis and profit to the y-axis with labeled axes, and displays steel-blue circles for each data point. The code uses d3.csv for data loading and d3.scaleLinear for scales, while the reusable chart function chainably configures dimensions, margins, and value accessors. The visualization is built with D3 v7 and rendered into a pre-existing SVG element.

LLokesh

88% match

Loading thumbnail…

ICE7-PieChart

This pie chart visualizes monthly e-scooter sales data from `escooter_sales.csv`. Each slice represents a month, with its arc length proportional to sales figures; the labels display both the month name and sales value, and a color-coded legend on the right matches each month to its sales total. The visualization is built using D3 v7, employing the `d3.pie` layout, `d3.arc` for slice geometry, and `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, all rendered as SVG shapes. The chart’s title, "Monthly Sales Pie Chart," appears at the top, and the design uses the Share Tech font throughout.

LLokesh

87% match

Loading thumbnail…

ICE7 linechart

This line chart visualizes monthly sales in 2022, with the x-axis showing months and the y-axis displaying sales figures in thousands of USD. The chart is rendered as an SVG using D3 v5, employing `scalePoint`, `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes. A purple line path is generated with D3’s `line` API, and the data is loaded from a CSV file via `d3.csv`. Styling for fonts, grid lines, and the line stroke is defined in a separate CSS file.

86% match

Loading thumbnail…

ICE 7-3 Line Chart

This example visualizes bike sales in India from 2012 to 2022 using a line chart rendered as an SVG. It loads a CSV dataset, parses the year and sales values, and uses `d3.scaleTime` and `d3.scaleLinear` to map the data to axes. The chart draws a single line with `d3.line`, applies grid lines via `axisBottom` and `axisLeft`, and includes labeled axes with custom formatting. The code uses D3 v5 modules imported directly, and styling is applied through an external CSS file.

EEshwarreddyt

85% match

Loading thumbnail…

line chart ICE 7

This line chart visualizes the growth of electric vehicle sales over time, with the x-axis representing years and the y-axis measuring sales in thousands. The chart uses a steel-blue line with circular markers to highlight data points, and includes clear axis labels and a bold title. Built with D3 v7, the visualization loads data from a CSV URL, uses `d3.scaleLinear()` for both axes, applies `d3.axisBottom()` and `d3.axisLeft()` for tick marks, and generates the line via `d3.line()`. Data points are added as SVG circles.

GGuntupalli Mohan kalyan

84% match

Loading thumbnail…

ICE 7 Line chart

A line chart displays total car sales per year from 2013 to 2021, sourced from a CSV loaded via `d3.csv`. The SVG rendering uses `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and a `d3.line` path generator to draw the trend. Axes are created with `d3.axisBottom` and `d3.axisLeft`, with gridlines and rotated axis labels. The chart highlights sales fluctuations over time in red.

SSreejaBellamkonda

83% match

Loading thumbnail…

ICE-7 Line Chart

This chart visualizes the trend of car sales from 2004 to 2022, using a blue line to connect annual data points with the year on the x-axis and sales figures on the y-axis. The D3.js v5 code employs `scaleTime` and `scaleLinear` for axis scaling, with `axisBottom` and `axisLeft` to render tick marks and labels. The line is generated via `line()`, and the data is loaded from a CSV file in a GitHub gist. SVG output is used, with margins and labels styled via an external stylesheet.

Rrakeshkommineni

83% match