Gist 8240756

Gist 11071111

This visualization maps global earthquake intensity using CartoDB’s CartoCSS styling. It shows point markers scaled by the `mmio` attribute (Modified Mercalli Intensity), with larger circles for stronger quakes and zoom-dependent width increases. The code applies marker properties like `marker-type: ellipse`, `marker-fill`, and `marker-comp-op: multiply` to blend overlapping points, while labels display intensity values at higher zoom levels via `text-name`. The example uses CartoDB’s tile rendering and CSS-like rules to style geographic data without JavaScript libraries.

76% match

Gist 8393690

This visualization maps recent earthquake activity by plotting earthquake epicenters as colored markers on a geographic basemap. Each marker encodes magnitude and location, with point size and color reflecting the seismic strength of each event. The map is built using Leaflet.js with GeoJSON data from the USGS earthquake feed, and hovering over a marker reveals detailed metadata such as location name, depth, and time.

Aadkatrit

72% match

Gist 8393692

This example displays two geolocated markers on a map, each with a title and description of a building. It uses a `map.geojson` file as the data source, containing point features with custom properties for labels and colors. The visualization renders the map using D3’s `d3.geoPath` to draw the geographic features, while the markers are positioned based on their coordinates. The code relies on D3’s force simulation (`d3.forceSimulation`) to potentially handle marker placement or interaction, though the static view shows the two points plotted directly.

Aadkatrit

71% match

Gist 4354110

This visualization displays a map rendered with CartoDB, showing geographic data from a hosted visualization. The page loads a full-screen map using the CartoDB.js library, which initializes the map via `cartodb.createVis` and connects to a remote visualization URL. The map itself is embedded in a fixed-size `<div>` element and relies on CartoDB’s built-in rendering and tile services to draw the geographic layers. The code does not include custom data processing or interaction logic; it simply leverages the CartoDB API to present the pre-configured map.

71% match

Gist 4503902

This map shows global cities categorized by type, with buttons to filter between all populated places, national capitals, and megacities. It overlays a second data layer that can be toggled via the same menu, though the code only reveals it on button click without a corresponding hide action. The visualization uses the CartoDB.js library to load tile layers and vector data from CartoDB’s viz.json API, with Leaflet handling the map interaction and tile display. Styling applies custom marker properties for red fill, white outlines, and overlap allowance, while CSS fades are disabled for smoother layer transitions.

Gist 67fa3790166d6549f4a9

This interactive visualization pairs a large world map with a side panel, using D3’s `d3.forceSimulation` to scatter data points across geographic coordinates rendered via `d3.geoPath` and Canvas `getImageData` for pixel-level placement. The layout adapts responsively, and the code includes CSS themes for light or dark editorial styling, suggesting a map-based storytelling template.

Gist a81c267615bde4d028ee

This visualization shows the geographic distribution of alternative fuel stations as of April 4, 2012, using a temporal heat map. The CartoDB Torque library animates the points over ten seconds, aggregating station counts per cell with a linear data aggregation function. The code applies a `colorize-alpha` image filter to markers, transitioning from red through blue based on density, while frame offsets increase marker width and reduce opacity to create a motion trail effect. The map uses static marker images from an Amazon S3 asset and relies on Torque’s time-based rendering to reveal spatial clustering over time.

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