Skip to main content
SimilarExport ZIP
100%

A Coruña city historic map

✓ Published0🌍 Public
LLuisSevillano
Last edited May 19, 2016
Created on May 19, 2016

A color-coded map of A Coruña highlights the city's historic districts, including the old town, colonial buildings, and urban expansion areas. The visualization layers multiple topojson feature sets onto a canvas, using distinct semi-transparent fills to distinguish each category. A d3-legend color scale provides the legend. The map is rendered with the spam.js library, which uses an r-tree index to optimize drawing, with d3.js and topojson.js handling data processing and projection.

AI-generated description

A map of A Coruña in the northwest region of Spain. This time using spam.js and d3-legend. Data

mit Licensed

Similar vizzes

Loading thumbnail…

Center and Scale your map

This example demonstrates how to center and scale a map projection to fit a specific geographic feature, using a TopoJSON dataset of the A Coruña region. It shows the city boundary and coastline rendered as SVG paths, with a light blue background and gray land fill. The code computes the feature's bounds and centroid with `d3.geoBounds` and `d3.geoCentroid`, then uses `d3.geoDistance` to calculate an appropriate scale for the Mercator projection so the map is properly framed.

LLuisSevillano
72% match
Loading thumbnail…

Cadastre Data from http://www.sedecatastro.gob.es/. It contains the year of construction of each building in the ciry of A Coruña, Spain

A visualization displays construction years of buildings in A Coruña, Spain, from the Catastro cadastre dataset. It shows the distribution of building ages across the city, highlighting clusters of older and newer structures. The visualization uses a force-directed graph layout, likely with d3.forceSimulation, to arrange data points. The rendering employs Canvas getImageData for pixel-level analysis and d3.geoPath to map spatial information. The visualization explores the temporal pattern of urban development through the dataset's year_int values.

LLuisSevillano
72% match
Loading thumbnail…

Spanish municipalities choropleth test with Canvas and preprojected TopoJSON

A choropleth map of Spanish municipalities colors each region by population density using a threshold color scale. The visualization renders on a Canvas via `d3.geoPath`, reading preprojected TopoJSON geometry and joining it to CSV population data by municipality ID. A national border is stroked afterward for context. The map uses a forked `d3-geo-projection` pipeline to streamline drawing performance.

LLuisSevillano
69% match
Loading thumbnail…

spanish provinces

A choropleth-style map of Spanish provinces rendered on a canvas, colored with a light yellow fill and gray borders, plus a dashed line marking the boundary between the Iberian Peninsula and the Canary Islands. The visualization uses a composite conic conformal projection handled by the custom `d3.geo.conicConformalSpain` function, with TopoJSON data presimplified via `topojson.presimplify`. It leverages `StaticCanvasMap` from the spam library to manage partial rendering and efficient spatial indexing through RBush. Boundaries are stroked with `CanvasRenderingContext2D`, and an interactive hover state is prepared for future mouse tracking.

LLuisSevillano
67% match
Loading thumbnail…

RBush+canvas+svg

A choropleth map of Spanish municipalities colors each region by population variation, using a canvas basemap for the filled polygons and an SVG overlay for a hover outline. The code builds an R-tree spatial index with `rbush` to quickly identify the municipality under the cursor, then renders a highlighted `d3.geoPath` in SVG. It uses `d3-geo` with the `geoConicConformalSpain` projection and `topojson-client` to load boundaries, with tooltip data from a companion JSON file.

LLuisSevillano
66% match
Loading thumbnail…

Assign data from csv to a canvas map

A choropleth map of the Portuguese island of La Palma colors municipalities by unemployment rate, with values assigned from a CSV file via their common ID codes. The visualization overlays land-use polygons and road networks from a TopoJSON file onto the unemployment data. Using D3.js, it renders directly to a Canvas with `d3.geoPath` and `.context(context)`, applying a threshold color scale to the unemployment percentages. The code combines `d3.queue` for deferred loading of the JSON and CSV, and `topojson.feature` to extract map geometries before drawing each layer.

LLuisSevillano
65% match
Loading thumbnail…

Simple canvas map

A simple canvas map displays unemployment rates across the municipalities of a Spanish island using a threshold color scale. The visualization loads a TopoJSON file with `d3.json` and renders directly to a canvas element via `d3.geoPath`, iterating through each municipality to fill its polygon with color based on the unemployment value. White dashed lines stroke municipal boundaries, while a solid line outlines the island. The project is part of a QGIS and d3 workshop by LuisSevillano.

LLuisSevillano
65% match
Loading thumbnail…

Gist 6245338

This visualization maps three Spanish cities as individual points on a geographic projection, with each point represented by a small dot. It uses a custom map projection and renders the GeoJSON features as a filled landmass, while the city markers are drawn as circles. The code relies on `d3.geoPath` to project and draw the map geometry, and `d3.forceSimulation` is not used here; instead, the points are placed directly at their projected coordinates. The canvas API (`getContext('2d')`) handles all rendering, and the map’s geographic boundaries come from the embedded `map.geojson` FeatureCollection.

PPhilippe Rivière
65% match