Gist 8393709

100%

✓ Published0🌍 Public

Last edited Jan 13, 2014

Created on Jan 13, 2014

This visualization displays a world map rendered from GeoJSON data using D3.js, with country polygons colored according to a categorical scale. The map focuses on named regions and includes a legend and hover interactions, allowing viewers to explore geographic boundaries and associated metadata such as country names and people listed in the properties.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393658

This visualization uses a GeoJSON file containing country boundaries to render a map of the world. The geographic coordinates are drawn using a canvas-based rendering approach, with each country's polygon boundaries displayed as vector shapes. The map displays country outlines from the UN-countries dataset, enabling spatial reference for geographic data analysis. The visualization focuses on the geometric representation of national borders rather than thematic data, providing a clean base map for potential further analysis or overlaying of additional information.

Aadkatrit

86% match

Loading thumbnail…

world map data

The map displays countries from a GeoJSON world dataset, with polygons colored by country. The visualization uses D3.js to render geographic features, with a simple dark background and country outlines filled in light blue. Hovering over a country highlights it in orange and displays its name in a tooltip, while pan and zoom controls allow users to explore the map. The data is sourced from a gist by andyreagan.

Aandyreagan

83% match

Loading thumbnail…

Gist 8393714

This visualization displays a set of GeoJSON polygon features—irregular, detailed land-boundary shapes—plotted as an interactive geographic map. The polygon coordinates, which trace long, meandering outlines around the 50.6°N latitude band, are rendered as a filled region, likely using a mapping library to project the coordinates. The example appears to focus on showing raw GeoJSON geometry on a map, with the single polygon standing out against the base map, and could serve as a template for viewing or testing geographic data.

Aadkatrit

81% match

Loading thumbnail…

Gist 8393726

This visualization uses a GeoJSON MultiPolygon dataset (from a gist by adkatrit) to draw a series of overlapping quadrilateral regions across a world map. The polygons are defined by latitude-longitude coordinates and are rendered as flat, outlined shapes that collectively tile a large portion of the globe. The map emphasizes geometric boundaries rather than natural coastlines, with each polygon edge drawn as a straight line between corner points, creating an abstract, grid-like partition of the world. The visualization is minimal, with no additional styling or data encoding beyond the raw geographic shapes.

Aadkatrit

81% match

Loading thumbnail…

Gist 225a8101d5a07e32e73562acaa938692

This visualization uses a world map made of equally sized hexagonal tiles, with each country represented by a labeled hexagon. The tiles are colored in varying shades of blue, creating a choropleth-style effect that distinguishes geographic regions while maintaining a uniform grid layout. The map is generated from a JSON dataset listing country names and numeric codes, likely rendered with D3.js. Hovering over a hexagon highlights it, and the visualization appears to support zooming or panning for exploration. The title suggests a "gist" style example, focusing on a clean, tile-based cartogram aesthetic.

VVioletVivirand

80% match

Loading thumbnail…

World Map

This world map visualization displays all countries as filled polygons, with each nation assigned a distinct color and outlined by thin white boundaries. The map uses a Kavrayskiy VII projection and includes a graticule overlay. Built with D3 v3, it employs `d3.geo.path` for projection and rendering, `topojson.feature` to extract country features, and `topojson.neighbors` to color each country based on its neighbors, ensuring adjacent nations have different colors. The data comes from the Natural Earth Admin 0 Countries shapefile, converted to TopoJSON format.

RRomyRatolojanahary

80% match

Loading thumbnail…

An interactive D3 map

This interactive D3 map displays a world map with countries colored pink and overlaid with green-bordered circles, visualizing numerical values from a CSV dataset via a color-coded choropleth. Built with React and D3 v5, it loads GeoJSON topology data from the world-atlas package and uses topojson’s feature and mesh functions to render land and country boundaries as SVG paths, while the data CSV is joined by ISO country codes for the visual encoding.

Nnouralkhoury

79% match

Loading thumbnail…

Gist 34bad0b124f4effdf99d5555cb3222d8

This example shows how spatial relationships between geographic features can be explored through an interactive map. It uses D3.js with `d3.geoPath` to render country outlines from a GeoJSON source, while a force-directed layout via `d3.forceSimulation` positions non-overlapping markers for data points. The visualization computes marker placement on a Canvas, reading pixel colors with `getImageData` to detect land versus water and ensure points remain on landmasses. Hover interactions trigger a tooltip and highlight neighboring regions, with smooth transitions handled by `transition.attrTween`. The data originates from a public GitHub gist and is embedded in a Power BI report, where the canvas is updated on each zoom or pan event.

HHugoberry

78% match