nh_solar_data_map

100%

nh_solar_data_map

✓ Published3🌍 Public

Last edited Mar 16, 2023

Created on Mar 5, 2023

This visualization displays solar energy data points across the United States, with each city’s maximum watt output represented by the size of a yellow circle overlaid on a black state map. The code uses React for component structure, d3.geoAlbersUsa and d3.geoPath for map projection and rendering, and d3.scaleSqrt to map watt values to circle radii. State boundaries and interior lines come from TopoJSON data, while city coordinates and watt measurements are loaded from a CSV file.

AI-generated description

This is a map of the united states, it is a modified version of map with points by chase hall. What I plan to do is use this map to plot my solar data onto

MIT Licensed

Similar vizzes

Loading thumbnail…

nh_solar_data_map_proof

This map plots solar energy data points across the United States, with circle size scaled to each location's watt_max value. The visualization uses a React framework with d3.geoAlbersUsa projection and d3.geoPath to render state boundaries and interiors from TopoJSON data. The solar dataset is loaded via d3.csv from a GitHub repository, and point radii are calculated using d3.scaleSqrt with a maximum radius of 8 pixels. The SVG rendering displays yellow circles over black states with gray interior borders.

NNavak94

94% match

Loading thumbnail…

nh_solar_data_map_Just_indiana_5

This interactive map displays solar energy installation data across Indiana, with each data point rendered as a yellow circle positioned by latitude and longitude, and sized proportionally to maximum wattage using d3.scaleSqrt. The visualization uses d3.geoAlbersUsa with custom scaling and translation to generate a projection, while d3.geoPath renders the county boundaries from a TopoJSON file. The React-based application loads data from a CSV file and includes dropdown menus to switch between minimum, maximum, and average wattage values, though the menu selection currently does not control the circle sizing.

NNavak94

86% match

Loading thumbnail…

nh_solar_data_map_Just_indiana

This map displays solar energy data points across Indiana, with circle size encoding each location’s maximum watt output. The visualization uses a React framework with D3 v5, employing `geoAlbersUsa` projection and `geoPath` for rendering county boundaries from TopoJSON. City coordinates are plotted from a CSV file, with `scaleSqrt` mapping watt values to circle radii. The map highlights just Indiana’s counties in black with yellow semi-transparent data points, making regional solar capacity variations immediately visible.

NNavak94

85% match

Loading thumbnail…

nh_solar_data_map_Just_indiana_2

This visualization plots solar energy data points across Indiana on a county-level map, with circle size scaled by watt_max using a square-root scale. The map renders U.S. county boundaries via TopoJSON and d3.geoPath, while data loading uses d3.csv from a GitHub-hosted CSV. React manages state and rendering, with SVG circles projected through d3.geoAlbersUsa. The zoom behavior is configured with d3.zoom, and loading states display a text fallback.

NNavak94

84% match

Loading thumbnail…

nh_solar_data_map_Just_indiana_3

This visualization displays solar energy data points as a scatter plot overlaid on a map of Indiana’s counties. Each circle’s radius encodes the `watt_max` value using a square-root scale, with the state boundaries rendered in black and county interiors in gray. The map is created with `d3.geoPath` and a custom Albers projection, while the data is loaded via `d3.csv` from a GitHub repository. The visualization uses React for component management, with D3 v5 handling the geographic projections and scaling.

NNavak94

84% match

Loading thumbnail…

nh_solar_data_map_just_indiana

A map of the United States shows solar energy capacity data as yellow circles, with Indiana highlighted from other states. The visualization uses D3 v5 with `geoAlbersUsa` projection and `geoPath` to render state boundaries and `scaleSqrt` to size circles by maximum wattage. It loads US TopoJSON from unpkg and CSV data from GitHub, using React hooks to manage data fetching. The code filters the USAtlas to display only Indiana, though all states remain visible.

NNavak94

84% match

Loading thumbnail…

Fork of project_NH_US_Map_2

A fork of a U.S. map project, this visualization plots solar energy data points as blue circles over a green state map. The code uses D3’s `geoAlbersUsa` projection and `geoPath` to render the states from a TopoJSON atlas, while the `scaleSqrt` function sizes circles based on `watt_max` values from a CSV dataset. The interactive React app loads data via `d3.csv` and `d3.json` hooks, with circles positioned by converting latitude and longitude coordinates through the projection.

NNavak94

83% match

Loading thumbnail…

Fork of nh_solar_data_map_Just_indiana_4

This map shows solar energy data for Indiana, with each yellow circle representing a city and its radius scaled by the city’s maximum wattage output. Built with React and D3 v5, the visualization uses `d3.geoAlbersUsa` and `d3.geoPath` to render county boundaries from a TopoJSON source, while data points are loaded from a CSV using `d3.csv`. The map is an interactive fork that includes a dropdown menu for selecting data attributes, though the menu’s filtering functionality is not yet implemented in the current code.

NNavak94

82% match