Skip to main content
SimilarExport ZIP
100%

ICE 7 Sharanya 4Q

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

ICE 7 4Q Sharanya

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.

Cchengalvasharanya@gmail.com
94% 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
86% 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
84% 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
84% 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 Area chart for car sold

This area chart visualizes the number of car units sold per year, with a blue filled area beneath a curved line. The chart uses D3 v5 within a React framework, rendering as SVG. It employs `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and both `d3.line` and `d3.area` generators with `curveBasis` smoothing. Data is loaded from a CSV file and parsed with `d3.csv`.

SSheshidharreddy
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