ICE_7_NIRUPAMA_LINECHART

100%

ICE_7_NIRUPAMA_LINECHART

✓ Published0🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

This interactive line chart visualizes BMW car sales volume by year using D3.js v7. The chart loads CSV data from a GitHub gist and aggregates sales figures per year using d3.rollup and d3.sum. It renders an SVG line path with d3.line, along with axes, dashed gridlines, and circular data points. Hovering over each point triggers tooltip interactions using d3.transition and event handlers, displaying the year and formatted sales value. The visualization uses linear scales for both x and y axes to plot the trends.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Line Chart (ICE 7)

This visualization shows BMW car sales volumes aggregated by year from an external CSV dataset, displaying a line chart with circular data points. The code uses D3 v7 with an SVG rendering approach, applying `d3.csv` for data loading, `d3.rollup` for aggregation, and `d3.line` to generate the orange line path. Interactive tooltips appear on mouseover using DOM events and a styled div, while grid lines and axes are created with `d3.axisLeft` and `d3.axisBottom`. The implementation includes linear scales for positioning and an animation showcase via transitions on tooltips.

Sskmriyaz0786@gmail.com

85% match

Loading thumbnail…

ICE 7 - Line Chart

This line chart visualizes automobile sales in India from 1999 to 2012, using d3.csv to load data from a GitHub gist and d3.scaleTime and d3.scaleLinear to map years and sales values. The SVG rendering uses d3.axisBottom and d3.axisLeft for labeled axes, while d3.line generates the path that represents the sales trend over time. The chart includes a title and axis labels styled via CSS.

Aavinashchinta99

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

Loading thumbnail…

ICE 7 scatter plot

This animated scatter plot visualizes BMW car sales data, mapping four quantitative attributes—Engine Size, Mileage, Price, and Sales Volume—against each other on dynamic axes. The visualization cycles the x-axis variable every three seconds, using D3.js v6 modules including `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` for coloring. Data points are rendered as SVG symbols (`symbolCircle`, `symbolDiamond`, `symbolTriangle`, `symbolSquare`) representing fuel types, which are also displayed in a separate legend. The chart updates smoothly via setInterval, re-calling the reusable scatter plot component with new mappings while preserving the y-axis and color encoding.

Aadithiarikatla@gmail.com

83% match

Loading thumbnail…

ICE_7_Line Chart

The chart displays car sales by type across three years (2019–2021), using three colored lines to compare yearly trends. It shows the sales values per car type on a band scale, with each line labeled at its endpoint. The visualization is built with D3 v7, using `d3.text` to load comma-separated data from a remote text file, then rendering SVG paths via `d3.line` with a monotone curve. Axes, labels, and a title are added using D3’s `axisBottom` and `axisLeft` methods, while the data source is a GitHub gist.

RRahulbelede97@gmail.com

83% match

Loading thumbnail…

ICE-7 Line Chart

This interactive D3.js line chart visualizes domestic car sales in India from 2009 to 2019, plotting annual sales figures against a date-based x-axis. The visualization uses D3's scaleTime and scaleLinear for axes, axisBottom and axisLeft for tick generation, and the line generator to create the path. The chart imports data from a CSV via d3.csv, applies the d3.timeParse function to convert year strings, and renders to an SVG using a custom stylesheet. Red hues emphasize both the line and axis labels.

SSamanvitha1

82% match

Loading thumbnail…

ice7

This line chart shows the sales of cars in India from 2009 to 2019, with time on the x-axis and sales figures on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` to map the temporal and numeric data. It reads CSV data from a GitHub gist, parses the year with `d3.timeParse`, and draws the trend line using `d3.line`. The chart includes labeled axes and styled grid lines, with a bold blue line highlighting the sales trend over the decade.

PPujitha14challagulla

82% match

Loading thumbnail…

ICE 7question 3 Line Chart

This line chart shows automobile sales in India from 1999 to 2012, with the x-axis mapping years and the y-axis representing sales figures. The visualization uses d3.csv to load data from a GitHub-hosted CSV file, then applies d3.scaleTime and d3.scaleLinear to create the axes, with d3.axisBottom and d3.axisLeft for tick marks. A d3.line generator creates the path, which is rendered as an SVG stroke with a blue color. The chart includes custom axis labels and a title, with margins defined to position the plot within the 960×500 SVG viewport.

Eeravellisaimeghana

82% match