Skip to main content
SimilarExport ZIP
100%

Fork of WAEVData (Fork of Choropleth by bepnye)

✓ Published0🌍 Public
Ooliverkendall99@gmail.com
Last edited May 10, 2024
Created on May 9, 2024

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.

AI-generated description

Viz: A scatter plot of EV Count ~ RGDP per capita in WA State by county. Each point is sized by population and colored by county type (rural or urban). The plot is linked to a map of WA State wth a gradient by EV Count.

Task: What is the distribution of EVs by county in WA? Why do some counties have more/less EVs than others?

Features: Hover over points/counties for details. Click + drag on the plot to zoom in and double-click to reset.

MIT Licensed

Similar vizzes

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

WAEVData Scatter Plot

This scatter plot visualizes the relationship between electric vehicle counts and real GDP per capita across Washington state counties. Each circle represents a county, positioned by its EV count on the x-axis and RGDP per capita on the y-axis. The visualization is built with React and D3 v6, using `d3.scaleLinear` for axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded from a GitHub-hosted CSV file, with the SVG rendering handled entirely by D3’s selection and append methods.

Nnathan@shieldsonline.org
89% match
Loading thumbnail…

Fork of Fork of WAEVData_Fork of Chloropleth

Two side-by-side SVG maps display Colorado counties using a blue choropleth fill. The code loads geographic boundaries from an EarthPy GeoJSON file and merges them with EV data from a CSV, though the data merge is not yet implemented. It uses d3.geoMercator, d3.geoPath, and Promise.all to load both sources, with each map rendered in its own SVG element. The visualization demonstrates a static county-level map without interactive or data-driven color encoding.

Ooliverkendall99@gmail.com
77% match
Loading thumbnail…

Fork of WAEVData_Fork of Chloropleth

This fork visualizes South Carolina county boundaries using a Mercator projection, rendered via two side-by-side SVG canvases with each county filled in blue using `d3.geoPath`. The code loads GeoJSON map data from a GitHub repository alongside a CSV dataset, though the CSV is fetched but not directly used in the visible rendering. Built with D3.js v6 and React, the example demonstrates a static choropleth foundation, creating SVG paths for each geographic feature through `d3.json` and `d3.csv` promises.

Bbepnye@gmail.com
71% match
Loading thumbnail…

Fork of Fork of Choropleth 5/3

This interactive visualization pairs a choropleth map with a scatter plot to explore global health and economic indicators. The map colors countries by urban rate, while the scatter plot positions countries by life expectancy and GDP per capita, with point size encoding population and color encoding continent. The visualization uses d3.geoEqualEarth, d3.geoPath, d3.scaleLinear, and d3.schemeCategory10. Hovering reveals a tooltip, and the code includes filtering for missing data values.

Cchris.shimotake@gmail.com
70% 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
70% match
Loading thumbnail…

Fork of Visualization of Spatial Data - Tree Graph

This interactive tree diagram visualizes hierarchical EV data by country, vehicle type, and parameter, with collapsible nodes that let users explore nested branches. Built with D3.js v6, the visualization uses `d3.hierarchy` and `d3.tree` to compute node positions, renders nodes as SVG circles with text labels, and draws curved links via path elements. Clicking a node triggers a smooth animated transition that expands or collapses its children, while branches beyond the second level start collapsed to reduce clutter. All rendering is SVG-based with CSS styling applied to node fills and cursor states.

AArun
70% match
Loading thumbnail…

Fork of Choropleth edit 1

This example combines a choropleth map and an interactive scatter plot in two side-by-side SVG panels. The map colors countries by urban population rate using a linear green-to-grey scale, while the scatter plot positions countries by life expectancy and GDP per capita, sized by population and colored by continent. The code uses `d3.geoEqualEarth` with `d3.geoPath` for map projection, alongside `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for visual encodings, with a tooltip for hover details.

Gg_ivaska@coloradocollege.edu
69% match