spotlight filter

nh_solar_data_map

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.

Gist 646a839ec3b9e7a2ffa1c7bd7b3c2f34

This interactive map visualizes the geographic distribution of community-contributed network nodes, with each point representing a location where users have deployed hardware. The Vue-based application loads a GeoJSON file (skycoin_20180601.geojson) containing 20 geolocated features, each tagged with a name, coordinates, and descriptive text. Rendered as multipoint geometries on a world map, the visualization likely uses a mapping library to project the coordinates, while tooltips or popups reveal the associated metadata for each node. The example highlights crowd-sourced network infrastructure data, combining spatial context with user-generated annotations.

WWill Carter

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.

Esri Leaflet

This example builds an interactive map of automotive OEM plants in the USA using the Leaflet library and Esri Leaflet plugins. It displays a vector basemap from ArcGIS with an Esri feature layer showing polygon locations of facilities. The map initializes at a zoom level of four, centering on the Midwest, and leverages Esri’s vector basemap API with a provided API key to render the geographic context.

Ssahild11

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.

64% match

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.

64% match

Fork of Vizualisation

This example displays a world choropleth map colored by renewable energy levels, with a categorical color legend that allows users to click and filter countries by their energy level. The map uses SVG rendering with a Natural Earth projection, and the zoom interaction enables panning and scaling. The visualization is built with d3.js, using `d3.geoPath`, `d3.geoNaturalEarth1`, `d3.zoom`, and `d3.scaleOrdinal` for the color scale, while data is loaded from a TSV file and TopoJSON.

KKahlaoui-Ismail

63% match