Skip to main content
100%

Gist 8393672

✓ Published0🌍 Public
Aadkatrit
Last edited Jan 13, 2014
Created on Jan 13, 2014

This example visualizes a grid of geospatial tiles covering a region in Romania, with each tile representing a downloadable SRTM elevation data file. The map uses a GeoJSON FeatureCollection and renders polygon boundaries via D3's `d3.geoPath` projection. Each cell is labeled with its tile number, and a hover interaction likely reveals the associated download URL. The visualization relies on D3 for geographic path generation and the underlying data comes from a geomorphology website’s SRTM dataset, making the tile structure and coverage area immediately clear.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 8393709

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.

Aadkatrit
73% match
Loading thumbnail…

Gist 8393715

This example visualizes a set of geolocated points in the Matera, Italy area as a static scatterplot. The code loads a GeoJSON GeometryCollection of point coordinates and plots them using D3’s geographic projection, with `d3.geoPath` to render the geometry. The points represent recorded signals or reports, and their spatial distribution reveals clusters around certain urban zones. The visualization uses D3’s data-binding to draw circles for each coordinate, with no interactive or animated behavior, relying solely on the projection and canvas rendering to communicate the location pattern.

Aadkatrit
72% 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
72% 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
71% 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
71% match
Loading thumbnail…

Gist 8393725

The visualization displays a GeoJSON point dataset of named locations—such as Traino, Cascata, and Neviera—near a specific area in Italy, each with a YouTube link. It uses D3.js with a force-directed simulation (`d3.forceSimulation`) to position the points on a map, while `d3.geoPath` renders the geographic features. The points are colored and labeled, and hovering or clicking likely reveals the associated video link. The code relies on the GeoJSON structure for both location data and map boundaries.

Aadkatrit
71% match
Loading thumbnail…

Vector Tiles - fixed

This example renders interactive vector tile maps using Mapzen vector tiles, displayed as SVG paths over a dark background. It uses d3.tile to manage tile loading and d3.zoom for pan and zoom interactions, with a d3.geoMercator projection and d3.geoPath to draw geographic features. The visualization shows roads, water, buildings, parks, and other land-use layers, each styled with distinct colors and stroke widths. Tile data is fetched as GeoJSON from Mapzen’s tile server and rendered dynamically, with a coordinate readout displayed at the bottom.

Aamortka
70% match
Loading thumbnail…

Gist 6114786

This example implements a private torque-style time-series visualization for geospatial data using PostgreSQL and PostGIS. It defines custom SQL functions that aggregate point features into web-Mercator grid cells, grouping counts by time steps and returning arrays of values and dates for rendering. The code uses `ST_SnapToGrid`, `CDB_XYZ_Resolution`, and `CDB_XYZ_Extent` to tile data at a given zoom level, with two variants: a standard response for instantaneous counts and a cumulative response that includes expiration dates for each cell. A metadata function returns the spatial bounds and time range from the source table, supporting both timestamped and numeric columns.

Aandrewxhill
70% match