Fork of Fork of ICE7 - LINE CHART VEENA

100%

Fork of Fork of ICE7 - LINE CHART VEENA

✓ Published1🌍 Public

Last edited Apr 2, 2025

Created on Apr 2, 2025

Forked from Fork of ICE7 - REUSABLE PIE CHART VEENA

Five side-by-side line charts compare monthly car sales for different models, with each chart using a distinct color and interactive dots that reveal model, month, and sales figures in a tooltip on hover. The visualization is built with D3 v7, using a reusable `LineChart` class that filters the dataset by model, scales the data with `d3.scalePoint` and `d3.scaleLinear`, and renders lines via `d3.line`. SVG axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while mouseover transitions animate the tooltip’s opacity.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of ICE7 - AREA CHART VEENA

Five small multiples show monthly car sales per model in separate area charts, colored distinctly and outfitted with dots and hover tooltips. The code defines an `AreaChart` class using the D3 v7 API (`d3.scalePoint`, `d3.scaleLinear`, `d3.area`) to generate SVG paths and circles. Each chart's area path records total sales on mouseover, while each dot reveals the specific month and sales value, with hover effects changing fill and stroke color via CSS transitions.

Vveenachowdarykavuri@gmail.com

89% match

Loading thumbnail…

Fork of ICE-7

This visualization displays car sales data over time as a line chart, with years on the x-axis and sales figures on the y-axis. It uses D3 v5 to load CSV data, parse dates with d3.timeParse, and render scales and axes via scaleTime, scaleLinear, axisBottom, and axisLeft. The line is drawn using the d3.line generator, with the SVG path styled in orange. The chart includes labeled axes and uses margins to position the plot within the SVG canvas.

CCherukuriMilind

86% match

Loading thumbnail…

Fork of Fork of ICE 7 Line Chart

This chart visualizes car sales in India from 2009 to 2019, using a line plot to show the trend over time. The SVG is rendered with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for ticks, and the `line` generator to create the path. Sales values are formatted with `d3.format`, and data is loaded from a CSV via `d3.csv`. Grid lines and a styled red line are added for clarity.

Bbindhureddy98

85% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This fork of the ICE 7 line chart presents the sales of cars in India from 2009 to 2019. The visualization shows a single line tracking the total car sales per year, with time on the x-axis and a numeric count on the y-axis, both rendered as SVG. The chart uses D3 version 5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to map and draw the data. The data is loaded from a CSV file using D3’s `csv` function, with dates parsed via `timeParse`.

NNeeharikaGali

85% match

Loading thumbnail…

Fork of Fork of ICE 7 Line Chart

This example visualizes car sales in India from 2009 to 2019 using a line chart rendered with D3 v5 and SVG. The chart plots annual sales data on a time-scaled x-axis and a linear y-axis, with grid lines and axis labels for clarity. The code uses `d3.csv` to load the dataset, `d3.scaleTime` and `d3.scaleLinear` for scaling, `d3.line` to generate the path, and `d3.axisBottom` and `d3.axisLeft` to render axes.

PPujitha14challagulla

85% match

Loading thumbnail…

Fork of Fork of ICE 7 Line Chart

This chart displays car sales in India from 2009 to 2019 using a line graph, with the year on the x-axis and scores (representing sales figures) on the y-axis. The visualization is built with D3 v5, using `scaleTime`, `scaleLinear`, and `line` to create the path, while `axisBottom` and `axisLeft` render the labeled axes with gridlines. Data is loaded from a remote CSV file, and the SVG output is styled with red line strokes and tick labels set against a dark background.

Ssaivinay143

84% match

Loading thumbnail…

Fork of ICE7 - REUSABLE PIE CHART VEENA

This reusable pie chart visualizes total car sales by model across six months, aggregating raw data with d3.rollup and d3.sum to show each model's share as a colored slice. The chart renders as SVG using d3.pie and d3.arc, with labels positioned via labelArc.centroid and an interactive tooltip that displays percentage values on mouseover. A legend with a background box accompanies the pie, and the code uses d3.scaleOrdinal for color mapping and a custom PieChart class for reusability.

Vveenachowdarykavuri@gmail.com

84% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This fork of an ICE 7 visualization displays yearly car sales in India from 2009 to 2019 as a single red line. The chart uses D3 v5's `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `line` to generate the path. Data is loaded from a CSV file, with year values parsed via `d3.timeParse`. Grid lines and colored axis labels enhance readability against a dark background.

Ssaivinay143

84% match