L — VizHub

100%

L

✓ Published0🌍 Public

Last edited Jan 28, 2016

Created on Jan 28, 2016

A choropleth map of U.S. census block groups colors each polygon by a seven-step color ramp based on the `median_rent_moe` column, overlaid on a dark CartoDB basemap. The example generates a static 500×200 pixel image centered at latitude 40, longitude -100, using the CartoDB SQL API to compute Jenks natural breaks for classification. The `CartoImage` class builds a CartoCSS style, posts a map configuration to the CartoDB static map endpoint, and returns the resulting PNG URL.

AI-generated description

A basic class that allows you to quickly generate static images from the CartoDB API using custom CartoCSS builders etc.

Similar vizzes

Loading thumbnail…

CARTO Locations | Training

This interactive map displays U.S. census tracts and blocks colored by the ACFOSW_200 metric, with zoom-based switching between tract and block levels and a readout panel for selecting red or blue color schemes. It uses CartoDB.js and Leaflet with zoomdisplay, loading polygon data from a gist. CartoCSS styles define choropleth ramps and quantile breaks, while an infowindow template shows GEOID and ACFOSW_200 values on click.

Aandrewbt

67% match

Loading thumbnail…

Something crazy

This example displays a choropleth map of U.S. postal codes, where a randomly selected threshold dynamically recolors polygons based on their population totals. The visualization uses the CartoDB.js library to load a Leaflet map layer, then modifies its CartoCSS styling on each page load. A JavaScript function converts the current timestamp into an RGB color, which is applied to polygons exceeding a random population value, while all other areas retain a fixed pink fill. The underlying data comes from a CartoDB-hosted dataset of postal code boundaries.

Aandrewxhill

66% match

Loading thumbnail…

CartoDB Point Clustering

This example displays a choropleth map of U.S. ZIP code tabulation areas, colored by the ratio of mortgage disclosures to brokers, with polygon opacity scaled by broker count. It uses CartoDB.js with Leaflet to render the map, an SQL query joining broker data to census geographies, and CartoCSS for the graduated color and opacity styling. The map applies an aggregation stack blur filter to smooth the rendered polygons.

Aandrewxhill

65% match

Loading thumbnail…

Gist 1198897

This visualization demonstrates the geographic distribution of the 2010 U.S. Census data, mapping population counts and related demographic metrics across states. Built with Ruby and CartoDB importer, it renders interactive choropleth maps using color-coded polygons to represent data values, allowing users to explore spatial patterns in the dataset. The visualization leverages Google Spreadsheet integration for data input and PostgreSQL for storage, with map rendering handled through CartoDB’s geospatial processing pipeline.

Aandrewxhill

65% match

Loading thumbnail…

CARTO Locations | Training

This interactive map shows choropleth data for U.S. census tracts and counties, colored by the `acfosw_200` attribute. A readout overlay indicates that tract boundaries appear at zoom levels 0–12, while block-level data displays at zoom 12 and higher. The visualization uses Leaflet with the CARTO.js library, applying CartoCSS styles that switch between quantile-based color ramps and manual class breaks depending on zoom. Clicking a feature opens a popup revealing its GEOID and attribute value.

Aandrewbt

64% match

Loading thumbnail…

Choropleth Service

A choropleth map colors world regions according to numeric values loaded from an embedded text dataset of ISO codes and scores. The choroplether.js script reads comma-separated values, computes a seven-step color ramp, and sends dynamic SQL and CartoCSS to CartoDB's createVis API to render the map. It uses the CartoDB.js library to update a sublayer with the new data and styling.

Aandrewxhill

63% match

Loading thumbnail…

Untitled

This visualization displays population density per square mile across U.S. census block groups using a choropleth map. A threshold color scale with d3.schemeOrRd maps density values to sequential red tones, while a legend with a sqrt scale and axis shows the breakpoints. The code loads TopoJSON data via d3.json, renders block group polygons with d3.geoPath, and overlays county boundaries as black outlines. An interactive legend is constructed with rect elements and d3.axisBottom.

CCurran Kelleher

62% match

Loading thumbnail…

CartoDB map of Colors

This map of named colors uses CartoDB and D3 to place colored circular markers on a world map, one for each color in a dataset. The markers are rendered as SVG ellipses with a multiply blend mode, sized by zoom level so they remain visible at any scale. Each marker’s fill is determined by matching its data attribute `named_color` to the corresponding CSS color in a large lookup table, turning the geographic coordinates into a palette of thousands of named colors. The result is a colorful, overlapping scatter of dots that reveals the global distribution of color names.

Aandrewxhill

62% match