ICE 7 1Q Sharanya

100%

ICE 7 1Q Sharanya

✓ Published1🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

91% match

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

86% 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

86% 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

85% 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…

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

83% match

Loading thumbnail…

ICE7

This scatter plot maps car engine size against price using the d3.csv loader and a linear scale for each axis. The SVG rendering includes axes formatted with currency ticks and labeled plot areas, with data points drawn as steel-blue circles. The chart filters out rows with invalid or zero values before plotting, and the dataset is loaded from a remote CSV file.

Ssrinathkarumuru@my.unt.edu

82% match

Loading thumbnail…

ICE-7

This animated scatter plot visualizes used car data, comparing selling price against various attributes including maximum power, mileage, and kilometers driven. The visualization cycles through different x-axis variables every two seconds, allowing viewers to explore correlations between car characteristics and market value. Built with D3.js, the chart uses a reusable scatter plot function with linear scales for both axes, implementing smooth transitions through a `setInterval` callback. The SVG rendering incorporates the Share Tech font and displays data points as circles, with axis labels updating dynamically to reflect the currently selected variable.

RRaajithaSabbineni

80% match