WAEVData (Fork of Choropleth by bepnye)

100%

WAEVData (Fork of Choropleth by bepnye)

✓ Published3🌍 Public

Last edited May 13, 2024

Created on May 2, 2024

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.

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…

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

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

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

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

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

68% match

Loading thumbnail…

WACountiesEV_Fork of Simple Scatter Plot

This scatter plot visualizes penguin measurements, displaying bill length on the x-axis and flipper length on the y-axis as semi-transparent circles over a gray inner rectangle. The visualization uses D3’s `scaleLinear` and `axisLeft` functions to map data from the `@curran/penguins` dataset to screen coordinates, with axes and labels rendered via the `@curran/axis-labels` library. The code imports `viz` from a separate module, which also handles drawing the axes, labels, and data points using D3’s `selectAll` and `join` patterns.

Nnathan@shieldsonline.org

66% match

Loading thumbnail…

Fork of Cars Scatter Plot

This visualization uses a linked-brushing interaction to explore daily weather data for Seattle from the Auto MPG dataset. A scatter plot shows temperature and precipitation over time, while a bar chart displays weather condition counts; selecting points in one chart filters the other via interactive brush and multi-select encodings. The visualization is built with Vega-Lite’s API, rendered as SVG with D3.js v5, and uses color scales for weather categories, with axes and labels styled via CSS.

SSebastian Rojas

66% match

Loading thumbnail…

firstt

This interactive world map visualizes automobile metrics for 2024, showing both total vehicles and EV sales by country. Toggle buttons switch the choropleth color scale between these two metrics, while circle size represents EV sales volume and circle color encodes average car price. The visualization uses D3 v7 with d3.geoPath and topojson-client to render world topography, with SVG elements providing animated transitions when switching between metrics. A legend dynamically updates to reflect the current color scale, and tooltips provide detailed country-level data on hover.

119h61a05c9@cvsr.ac.in

65% match