JS Bin

100%

✓ Published0🌍 Public

Last edited Jun 19, 2017

Created on Jun 19, 2017

This visualization displays a geographic dataset of coordinates in Alaska and northern Canada as red circles overlaid on a map-like SVG background. The points are plotted using latitude and longitude values from the provided JSON data, rendered with D3 v4. The visualization uses an SVG projection to map the geographic coordinates, with each data point represented as a circular mark. The example is built with Blockbuilder and forks an anonymous author's original block, demonstrating how D3 can project raw geographic coordinate data onto a two-dimensional canvas.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/93473ac68fcb49a8fd7289c284c516e7'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Gist f9bc908e8a1ac9bc6cd4cd65fbf4dcac

This visualization maps a CSV of Alaska veterinary clinics onto a geographic scatterplot, using longitude and latitude to place each clinic as a point. The graphic highlights a data-quality issue by displaying the raw CSV filename, “missing_latitude.csv,” as a title, suggesting the data was originally incomplete. The code relies on D3.js for data binding and SVG rendering, while geographic projection and path generation use `d3.geoPath` with a GeoJSON map. Canvas `getImageData` is not used; instead, the visualization appears to be drawn entirely with SVG elements, and no force simulation or transition tweens are present.

WWill Carter

73% match

Loading thumbnail…

Alaska Albers

This example displays Alaska using the EPSG:3338 Alaska Albers equal-area projection, rendered with SVG paths for land and county boundaries over a graticule grid. It filters Alaska state and county geometries from a TopoJSON file of U.S. data, styling land in dark gray and boundaries in white. The code uses `d3.geo.conicEqualArea` with specified rotation, center, and parallels, along with `d3.geo.path`, `d3.geo.graticule`, and `topojson.feature`/`topojson.mesh` to draw the shapes.

Mmbostock

73% match

Loading thumbnail…

Gist df572c849e2aaafa57591550053fcf5e

This visualization maps geographic coordinates from mcd.csv as a scatterplot, plotting longitude and latitude points across Alaska and the southeastern United States. The data reveals distinct spatial clustering, with a dense concentration of points around Anchorage and Fairbanks in Alaska, a large cluster across Alabama, and scattered outliers in other regions. The rendering uses a simple dot plot over a map-like coordinate space, highlighting the geographic distribution of the dataset.

WWill Carter

71% match

Loading thumbnail…

Gist 13ef2eb825b72036568cce3d413c0fab

This example shows the distribution of veterinary clinics in Anchorage, Alaska, with each clinic positioned by its geographic coordinates and labeled with its name. The visualization highlights a missing-longitude data issue by plotting points from the provided CSV, which includes clinic names, addresses, and phone numbers. The code uses D3’s `d3.forceSimulation` to adjust label collisions and `d3.geoPath` to render the map background, while the underlying data comes from a local CSV file parsed with `d3.csv`. The rendering approach relies on SVG elements, with circles for clinic locations and text labels, and the map projection is applied via D3’s geographic projection utilities.

WWill Carter

71% match

Loading thumbnail…

Gist e80b38ecdbc9ac8b4c4a85740d187f4e

Four GPS loggers deployed near Utqiaġvik, Alaska, appear as labeled points on a GeoJSON map using D3’s `d3.geoPath` for geographic projection. A force-directed simulation (`d3.forceSimulation`) subtly repels overlapping labels, while the map canvas is rendered through standard D3 SVG paths. The visualization focuses on the spatial distribution of the loggers, with each point’s name displayed directly beside its location. The code reads the `loggers.geojson` file and draws the coastline from an embedded GeoJSON geometry, offering a static, interactive-free view of the deployment sites.

AAlan McConchie

70% match

Loading thumbnail…

Albers USA

This example illustrates the Albers USA composite projection by dividing the map into four colored regions, each labeled with the conditional rule that determines which part of the United States it represents. It overlays a world map and graticule to show the geographic context. The visualization uses D3 v3 with `d3.geo.mercator`, `d3.geo.mercator`, `d3.geo.path`, and `d3.geo.graticule` to project and render SVG paths, while the division rectangles and lines are drawn manually to mark the Alaska, Hawaii, Puerto Rico, and lower-48 regions. World land data comes from a remote TopoJSON file.

Mmbostock

70% match

Loading thumbnail…

files

This example displays a dense scatter of geographic coordinates, plotting the sets of longitude and latitude points from a CSV file as small dots. An SVG canvas renders the points, with the visualization’s intended purpose being to reveal the underlying shape or pattern of the data—likely a coast or border—as the points are ordered sequentially. The code uses d3.select to append the SVG and relies on the D3 v4 library for basic rendering, though it does not yet map the data to visual elements. The default text label remains, awaiting replacement by the user’s implementation.

HHakkahi

70% match

Loading thumbnail…

Gist c7527476915607ec97df5ec292a38e8f

This example displays a static map of the United States using the Albers equal-area conic projection. The visualization renders all state boundaries as individual SVG paths, with Alaska and Hawaii included as multi-part polygons. The code loads geographic data from a local `us-states.json` file and uses the `d3.geo.albersUsa()` projection and `d3.geo.path()` API to convert GeoJSON coordinates into scalable vector graphics. Built with D3 version 3, the map fills the entire browser viewport.

RRomyRatolojanahary

69% match