Skip to main content
SimilarExport ZIP
100%

Electric Vehicle Data Line Chart

✓ Published0🌍 Public
Mmeangreen0067@gmail.com
Last edited Mar 29, 2026
Created on Mar 29, 2026

This line chart visualizes the average electric range of electric vehicles aggregated by model year. Built with Vue and D3.js, it uses `d3.csv` to load the dataset, `d3.rollup` and `d3.mean` for aggregation, and `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG line and axes. The chart shows a general upward trend in range across model years, with data sourced from the Electric_Vehicle_Data.csv file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Electric Vehicle Data Reusable D3 Scatter Plot

This reusable D3.js scatter plot visualizes electric vehicle data, mapping model year on the x-axis against electric range on the y-axis, with color distinguishing Battery Electric Vehicles (BEVs) from Plug-in Hybrid Electric Vehicles (PHEVs). Built with Vue and rendered as SVG, it uses `d3.csv` to load the dataset, `scaleOrdinal` for color encoding, and `scaleLinear` with `axisBottom` and `axisLeft` for axes. The implementation follows a reusable chart pattern via a `scatterPlot` function, with interactive hover effects that increase stroke width and opacity.

Mmeangreen0067@gmail.com
84% match
Loading thumbnail…

Electric Vehicle Data Area Chart

The visualization displays the number of electric vehicles registered per model year using an area chart with an overlaid line. The chart aggregates Washington State EV registration data from a CSV file, counting vehicles by year using d3.rollup. Built with Vue and D3 6.7.0, it renders SVG elements via d3.area and d3.line generators, with axes created using d3.axisBottom and d3.axisLeft. The teal-colored area emphasizes the trend in EV adoption across model years.

Mmeangreen0067@gmail.com
84% match
Loading thumbnail…

Electric Vehicle Data Pie Chart

This pie chart illustrates the distribution of electric vehicles by type, with a sample dataset drawn from the Electric_Vehicle_Data.csv file. Two slices are displayed, likely showing the proportion of Battery Electric Vehicles (BEVs) versus Plug-in Hybrid Electric Vehicles (PHEVs) across the dataset. The visualization is built using the Vue.js framework and D3.js version 6.7.0, with the `pie` and `arc` generator functions from the D3 library to construct the chart's geometry. The SVG-based pie slices and percentage labels are rendered with a custom color scale, and the chart includes interactive hover effects that adjust slice opacity and stroke width. A legend, also built with the same dataset, accompanies the visualization to provide clarity on the categories. The chart is styled with the Share Tech font family and is displayed on a responsive canvas with a white background and subtle shadow.

Mmeangreen0067@gmail.com
81% match
Loading thumbnail…

Multiseries

This visualization presents electric range trends by vehicle type over model years as multi-series lines, alongside a combined bar and line chart showing vehicle counts and average range by county. The D3.js v7 code parses CSV data containing vehicle records from Washington State, using SVG rendering to draw axes, grid lines, and interactive hover effects with tooltips. The multi-series chart handles data aggregation for electric range trends, while the combined chart visualizes categorical county data.

Mmeangreen0067@gmail.com
79% match
Loading thumbnail…

line chart

A line chart displays electric vehicle sales growth over time, plotting yearly sales in thousands as a steelblue line with circular markers on an SVG canvas. The visualization loads CSV data from a GitHub gist and scales the x-axis by year and y-axis by sales volume using d3.scaleLinear, with axes generated via d3.axisBottom and d3.axisLeft. A d3.line generator constructs the path, while d3.csv handles data parsing and d3.extent computes the domain.

AAparna Desi Reddy
79% 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
78% match
Loading thumbnail…

ICE-7 Q3 Sadvik

This visualization displays the trend of average electric vehicle range per year from 2015 to 2020, using a line chart with red circular markers at each data point. The chart aggregates raw yearly range values into yearly averages using `d3.rollup` with `d3.mean`, then renders the line with `d3.line` and SVG paths. Axes are generated via `d3.axisBottom` and `d3.axisLeft`, with the x-axis formatted as integers to reflect calendar years. The visualization uses D3 v7 with an SVG rendering approach, presenting clear upward growth in average EV range over the six-year period.

SSadvik
78% match
Loading thumbnail…

ICE-7 Q4 Sadvik

This area chart shows the average electric vehicle range by model year from 2015 to 2020, with a light blue filled region and an overlaid blue line tracing the upward trend. The visualization aggregates raw per-year data points into yearly averages using `d3.rollup` with `d3.mean`, then renders the result as an SVG path via `d3.area` and `d3.line`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while linear scales (`d3.scaleLinear`) map the data domain to pixel coordinates within a fixed viewBox.

SSadvik
78% match