Skip to main content
SimilarExport ZIP
100%

Electric Vehicle Data Area Chart

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Electric Vehicle Data Line Chart

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.

Mmeangreen0067@gmail.com
84% match
Loading thumbnail…

Washington State Electric Vehicles

A scatter plot examines Washington State electric vehicles, plotting model year against electric range in miles. Each circle represents a vehicle, colored by battery electric versus plug-in hybrid type, with a color legend and hover tooltips. The visualization uses React with D3 v5, employing `scaleLinear`, `scaleOrdinal`, and the `csv` loader to parse local data and render SVG marks.

Mmeangreen0067@gmail.com
84% match
Loading thumbnail…

Bar bar

This dashboard visualizes Washington State electric vehicle adoption, showing average electric range trends over time for battery and plug-in hybrid vehicles, and vehicle distribution by county. It uses D3.js v5 to render SVG charts from CSV data, employing `d3.csv` for parsing and `d3.scaleLinear` for axes. A multi-series line chart and a combined bar and line chart include interactive tooltips and custom color schemes, with data grouped and averaged per year and county.

Mmeangreen0067@gmail.com
80% match
Loading thumbnail…

Bar Chart

This horizontal bar chart displays the number of registered electric vehicles by car make in Washington State, using data from the Department of Licensing. Bars extend from left to right, with the x-axis showing the count and the y-axis listing makes. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis, `scaleLinear` for the count x-axis, and SVG `rect` marks. Tick labels are formatted with D3's `format` function, and hover tooltips show exact counts.

Nnghosh319
80% match
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
80% 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
79% match
Loading thumbnail…

Area chart

This area chart tracks electric vehicle sales in thousands over a sequence of years, using D3.js v7 with SVG rendering. The code loads a CSV dataset via `d3.csv`, sorts the data chronologically, and applies linear scales with `d3.scaleLinear` for both axes. It generates a filled area path using `d3.area` and overlays a stroked line with `d3.line`, plus data point circles. Axis labels and a bold title are included, with the chart drawn within a defined margin using the SVG coordinate system.

AAparna Desi Reddy
78% 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
78% match