Skip to main content
SimilarExport ZIP
100%

Gist 8d0dd436131999d73be5

✓ Published0🌍 Public
PPacsangon
Last edited Jan 27, 2016
Created on Jan 27, 2016

This visualization displays an SVG map of Costa Rica with its provinces highlighted as individual paths. The code uses ammap.com's SVG map data, with each province path styled using CSS classes for land and water features. Rendering relies on the raw SVG path elements and the amcharts:ammap projection metadata, which specifies the Mercator projection and geographic bounds. The map is presented as a static, standalone SVG file with no interactive JavaScript libraries involved.

AI-generated description

Similar vizzes

Loading thumbnail…

Fork of Let's make a map with D3.js!

This example renders a choropleth-style map of continental Costa Rican cantons using a Mercator projection. It loads GeoJSON data via `d3.json` and draws the geographic features as SVG paths with `d3.geoPath` and `d3.geoMercator`. The code binds the fetched features to path elements, generating each shape’s outline directly from the GeoJSON geometry. The map uses a minimal styling approach with a full-window SVG and no additional data-encoding layers.

Mmaferayala
70% match
Loading thumbnail…

Costa Rica

This radial tree visualization displays a hierarchical World→Asia→subregion→country structure using an SVG rendering with d3.cluster layout. The view supports panning and zooming through d3.zoom, allowing exploration of the dense country hierarchy. Node labels at third depth levels orient tangentially around the circle, while shallower levels remain horizontal, with font sizes scaled by depth via d3.scaleSqrt. The data originates from data.json, mirroring Curran Kelleher’s World Countries Hierarchy block, with teal links drawn as cubic Bézier curves connecting parent-child nodes.

Pporrasgp
68% 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
68% match
Loading thumbnail…

Colombia Map ICE8

This example displays a choropleth map of Colombia, with each department rendered as a green SVG path with black borders. The visualization uses a geoMercator projection to center and scale the country within a 600 by 500 pixel canvas. The code loads GeoJSON data from a remote GitHub gist using `d3.json`, then applies `d3.geoPath` with the projection to generate the map shapes. The implementation combines React 16.9 for the layout and D3 v5 for geographic rendering within an SVG container.

Bbmurill2019
68% match
Loading thumbnail…

Fork of Costa Rica

This radial tree visualization displays a hierarchical dataset of countries organized by continent and subregion, rooted at “PlaceMaking Pedagogy.” The D3 v4 code uses `d3.cluster` to compute the radial layout and `d3.zoom` for panning and zooming. Each node is rendered as an SVG text label with size scaled by depth. The project function converts polar coordinates to Cartesian positions, with curved links drawn using SVG path commands, and the data is loaded from `data.json` via `d3.json`.

Cchun0330
68% match
Loading thumbnail…

Cantones por Población Glifo

This visualization shows the population of cantons in Costa Rica as a dot plot, with each circle positioned along the x-axis by population magnitude and the y-axis by canton name. It uses d3.csv to load the data, d3.scaleLinear for the x-axis, and d3.scalePoint for the categorical y-axis. The SVG rendering includes axis labels, a title, and a grid created with d3.axisBottom and d3.axisLeft.

KKennethSF
67% match
Loading thumbnail…

Lab 06, Grafico de Barras

This bar chart displays the population of seven Costa Rican provinces, based on 2018 United Nations World Population Prospects data. It uses D3 v5 with `d3.csv` to load data, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for categorical y-axis labels. The chart renders as SVG rectangles filled with light green, with axes created via `d3.axisLeft` and `d3.axisBottom`. Population values are multiplied by 1000 in the data preprocessing step.

DDiego-Vargas
67% match
Loading thumbnail…

Fork of Anv_ICE8_Argentina_(Topojson)

This visualization displays Argentina’s provinces on a transverse Mercator projection using D3. The map renders provinces as interactive SVG paths with hover highlighting, and supports zoom via the `d3.zoom` API. It loads TopoJSON data from a GitHub gist, converts it to GeoJSON with `topojson.feature`, and draws paths using `d3.geoPath`. The projection is configured with `d3.geoTransverseMercator` from the `d3-geo-projection` module, with custom centering and rotation to fit the country’s shape.

Vvryvarma5577@gmail.com
67% match