Skip to main content
SimilarExport ZIP
100%

Bar bar

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

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.

AI-generated description

Washington State Electric Vehicles Dashboard

An interactive data visualization dashboard showing electric vehicle adoption trends and characteristics across Washington State counties using D3.js.

Features

  • Multi-Series Line Chart: Tracks average electric range trends from 2012-2025 for BEV (Battery Electric Vehicle) and PHEV (Plug-in Hybrid Electric Vehicle) separately
  • Combined Bar + Line Chart: Displays vehicle distribution (bars) by county alongside average electric range (line)
  • Interactive Elements: Hover tooltips on data points for detailed information
  • Custom Color Scheme: Distinguishes between vehicle types and chart elements
  • Gridlines: Horizontal gridlines for easier data reading
  • Responsive Legend: Clear legend identifying each data series
  • Customizations:
    • Gradient background
    • Hover effects on interactive elements
    • Distinct color palette for accessibility
    • Horizontal gridlines for reference
    • Data point tooltips on hover

Data Source

The dashboard reads from Assignment6.csv containing Washington State electric vehicle registration data with:

  • County: Washington State county name
  • Model Year: Vehicle model year (2012-2025)
  • Electric Vehicle Type: BEV or PHEV classification
  • Electric Range: Range in miles
  • Additional fields: Make, Model, City, State, etc.

Data Processing

Line Chart Data:

  • Groups vehicles by Model Year and EV Type
  • Calculates average electric range for each year and type
  • Shows temporal trends in vehicle technology

Combined Chart Data:

  • Groups vehicles by County
  • Counts total vehicles per county
  • Calculates average electric range per county
  • Sorts by vehicle count for easier comparison

Key Insights

  • BEV vehicles show increasing electric range over time (84-322 miles)
  • PHEV vehicles have shorter electric-only ranges (13-97 miles)
  • King County has the highest EV adoption in Washington State
  • Technology Trend: Newer vehicle models (2018+) have significantly higher average ranges

Requirements

  • Modern web browser with JavaScript enabled
  • CSV file (Assignment6.csv) in the same directory as index.html
  • Internet connection (loads D3.js from CDN)

Usage

  1. Place Assignment6.csv in the same directory as index.html
  2. Open index.html in a web browser
  3. Hover over data points to see detailed information
  4. Charts are fully responsive

Libraries Used

Chart Customizations

Line Chart:

  • ✅ Legend distinguishing BEV and PHEV
  • ✅ Labeled X-axis (Model Year) and Y-axis (Average Electric Range)
  • ✅ Horizontal gridlines for reference
  • ✅ Interactive dots with hover tooltips
  • ✅ Color scheme: Green for BEV, Red for PHEV
  • ✅ Clear title and description

Combined Chart:

  • ✅ Legend for both bars and line
  • ✅ Dual Y-axes (left for count, right for range)
  • ✅ Labeled X-axis (County names rotated for readability)
  • ✅ Horizontal gridlines
  • ✅ Interactive bars and line dots with tooltips
  • ✅ Color scheme: Blue for vehicle count, Orange for average range
  • ✅ Clear title and description

File Structure

MIT Licensed

Similar vizzes

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
85% 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 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
83% 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
80% match
Loading thumbnail…

Fork of WAEVData (Fork of Choropleth by bepnye)

This visualization explores the distribution of electric vehicles (EVs) across Washington State counties, linking a choropleth map with a scatter plot of EV count versus real GDP per capita. Circles are sized by population and colored by county type (urban or rural), while the map uses a green gradient to show EV density. Users can hover for details, brush on the scatter plot to zoom, and double-click to reset. The visualization uses D3 v6 with `d3.geoPath`, `d3.scaleLinear`, brush interactions, and tooltips, reading data from a GeoJSON file and CSV source.

Ooliverkendall99@gmail.com
77% match
Loading thumbnail…

Bar chart - I

This bar chart visualizes the range of different EV vehicles, with horizontal bars showing each model's range in miles. Built using D3 v5, it demonstrates a clean, simple bar chart design with a categorical y-axis for vehicle names and a continuous x-axis for the range values. The chart uses `scaleLinear` and `scaleBand` to map the data, `axisBottom` and `axisLeft` for axes, and SVG rectangles for bars. Data is loaded from a CSV file via `d3.csv`, and tooltips provide additional details on hover.

NNita
77% match
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
76% match
Loading thumbnail…

WAEVData (Fork of Choropleth by bepnye)

WAEVData presents a linked scatter plot and choropleth map to explore the distribution of electric vehicles (EVs) across Washington State counties. The scatter plot positions each county by EV count against real GDP per capita, with circle size encoding population and color distinguishing rural from urban areas. The accompanying map shades counties by EV count per capita. Users can hover over either visualization to see detailed county statistics. The visualization implements brushing via `d3.brushX()` for zooming on the plot and utilizes `d3.geoPath` with a `geoMercator` projection for map rendering. Data comes from a CSV file, with SVG and animation for rendering.

Nnathan@shieldsonline.org
76% match