Skip to main content
SimilarExport ZIP
100%

ICE 7 4Q Sharanya

✓ Published1🌍 Public
Cchengalvasharanya@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from D3 Starter

This area chart illustrates the trend of average electric vehicle range over model years. The visualization aggregates data from a CSV dataset, using D3.js v7 to compute the mean average range per year before rendering a monotone-smoothed area path. The chart is drawn as an SVG, with linear scales for both axes and a filled steelblue area that highlights the upward progression of range capabilities over time. Axis labels and a chart title provide context for the data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 7 Sharanya 4Q

A D3.7 area chart visualizes the average electric vehicle range in miles per model year from a CSV dataset. Using `d3.csv`, `d3.autoType`, and `d3.rollups`, it aggregates rows by year, computes the mean `AvgRangeMi`, and sorts chronologically. The chart employs `d3.scaleLinear` axes, a monotone-curve `d3.area` generator, and a steelblue semi-transparent SVG path. X and Y axes with labels are rendered via `d3.axisBottom` and `d3.axisLeft`, all drawn within an SVG canvas.

Cchengalvasharanya@gmail.com
94% match
Loading thumbnail…

ICE 7 Sharanya 3Q

This visualization shows how the average electric vehicle range changes by model year, using a line chart that aggregates data points through D3’s `d3.rollups` and `d3.mean` functions. The chart loads CSV data via `d3.csv`, then applies `d3.scaleLinear` for both axes and generates a smooth monotone curve with `d3.line` and `d3.curveMonotoneX`. The SVG rendering includes labeled axes, a title, and a blue stroke path, all styled through D3 v7’s selection and axis APIs.

Cchengalvasharanya@gmail.com
92% match
Loading thumbnail…

ICE 7 1Q Sharanya

This scatter plot visualizes an EV dataset, showing the relationship between average range in miles and average price in USD, with each point colored by vehicle segment using a Tableau10 ordinal scale. The chart loads CSV data from a GitHub Gist via `d3.csv`, then uses D3 v7 scales and axes to position circles in an SVG. A legend maps segment colors, and axis labels and a title clarify the variables. The code explicitly sets margins, applies `.nice()` to domains, and uses `d3.autoType` for data parsing.

Cchengalvasharanya@gmail.com
85% match
Loading thumbnail…

Fork of ICE 7 1Q Sharanya

This scatter plot visualizes electric vehicle data, showing the relationship between average range in miles and average price in USD, with each point colored by vehicle segment. It displays a legend mapping the Tableau10 color scheme to vehicle categories. The visualization is built using D3 v7, loading data from a CSV file via `d3.csv` and rendering as an SVG. It uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for the axes.

Cchengalvasharanya@gmail.com
83% match
Loading thumbnail…

ICE 7 Sharanya 2Q

This pie chart visualizes the distribution of electric vehicles by vehicle segment, showing the count of EVs in each category. Built with D3 v7, the code loads a CSV dataset from a GitHub Gist and aggregates segment counts using `d3.rollups`. The chart applies a pie layout with `d3.pie()`, generates arc paths via `d3.arc()`, and colors slices with a `d3.scaleOrdinal` using `d3.schemeSet2`. Labels are placed at arc centroids, and a legend accompanies the SVG rendering.

Cchengalvasharanya@gmail.com
82% match
Loading thumbnail…

ICE 7 Sharanya 2Q

This example shows the distribution of electric vehicles by vehicle segment using a D3.js pie chart. The visualization loads a CSV dataset from a GitHub Gist, aggregates vehicle counts per segment with `d3.rollups`, and renders slices with the `d3.arc` generator inside an SVG. Each slice is labeled with its segment name and count, and a legend lists the segments with colors from `d3.schemeSet2`. The chart uses `d3.csv`, `d3.pie`, and `d3.scaleOrdinal` to transform the data into a clear, annotated visualization.

Cchengalvasharanya@gmail.com
81% match
Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes automobile sales in India over a ten-year period. A blue filled region beneath a black line chart shows the trend, with axes for Year and Sales. The visualization is built with D3.js v5, using SVG rendering. It employs `scaleTime` and `scaleLinear` for the axes, and `area()` and `line()` generators with a basis curve to create the smooth, filled area. The data is loaded from a CSV file containing yearly sales records.

SSharanya1307
80% match
Loading thumbnail…

ICE-7 Sharanya Javvaji Line Chart

This line chart displays annual automobile sales from 2005 to 2021, plotting sales figures on the y-axis against chronological time on the x-axis. The visualization is rendered as an SVG using D3 v5, loading data from a CSV file hosted on GitHub. It employs D3 scale functions such as `scaleTime` for the date axis and `scaleLinear` for the sales axis, with axes generated using `axisBottom` and `axisLeft`. The data is drawn as a single orange path through D3’s `line` generator, and the chart includes axis labels and a title.

SSharanya1307
80% match