Dummy Data

100%

✓ Published0🌍 Public

Last edited Jul 13, 2018

Created on Jul 13, 2018

This visualization maps population and area data for municipalities in the Freising district of Bavaria, sourced from a CSV file (DummyDataFS.csv). It renders each municipality as a bubble positioned on a blank canvas, with bubble size encoding population and color representing land area. The code uses D3’s `d3.forceSimulation` to arrange the bubbles without overlap, while a custom `d3.scaleLinear` maps the quantitative fields to visual variables. The rendering relies on SVG circles and text labels, with no geographic boundaries drawn, as the data contains no shapefiles. The visualization highlights relative differences in population density among the listed communes.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 304bbd6a0e8104f89b3b4e365324555a

This visualization shows municipalities in the Freising district of Bavaria, Germany, rendered as polygons on a map. The author uses a simplified GeoJSON dataset derived from official BKG data and enriched with demographic and Wikipedia information. Each polygon is likely colored or styled to represent attributes such as population density or administrative classification. The map provides a clear, interactive way to explore municipal boundaries and associated metadata within the region.

TTungurahua

76% match

Loading thumbnail…

Untitled

This example visualizes population data for ten countries using a bubble chart. The visualization employs D3.js and its simulation API, `d3.forceSimulation`, to position the circles, with each bubble’s size representing the country’s population in thousands. The data is loaded from `data.csv` using D3’s `d3.csv` function. The chart updates the circle positions and radii based on the force simulation’s tick events, providing a clear spatial comparison of population magnitudes across the listed nations.

Sshivakuchya

69% match

Loading thumbnail…

Data about the different quarters of Cologne, Germany

This visualization presents a multi-faceted demographic profile of Cologne’s 86 districts using a CSV from a public gist, with each row representing a district. It shows how metrics like population density, age distribution, and migration background vary across the city through an interactive scatter plot, where each point is a district colored by its borough. Built with D3’s `forceSimulation` for layout and `geoPath`-based Voronoi tessellation for district shapes, the tooltip dumps all raw column values on hover. The data source is the city’s open statistics portal, loaded directly into the page for filtering.

PP3nny

68% match

Loading thumbnail…

Task8 T4

This bubble chart plots U.S. cities by population density on the x-axis and land area on the y-axis. Each bubble’s size encodes the product of these two variables, representing total population, with a legend showing bubble-size equivalents for specific density values. Built with D3.js v7, it uses `d3.scaleLinear` for both axes, `d3.scaleSqrt` for bubble radius, and `d3.axisBottom` and `d3.axisLeft` to render tick marks. The visualization displays city names via hover effects, with a static CSV data source.

Ssruthimreddy6@gmail.com

68% match

Loading thumbnail…

D3 Example

This example visualizes population totals for the world’s five largest countries using area-encoded circles. It shows a bubble chart where each circle’s radius scales with population, with countries positioned along an ordinal x-axis. The visualization uses D3.js version 3.5.5 to load a CSV file via `d3.csv`, apply a square-root scale for radii, and render SVG circles with an axis. The code employs `d3.scale.ordinal` and `d3.scale.sqrt` to map data, and custom tick formatting replaces "G" with "B" for billions.

CCurran Kelleher

67% match

Loading thumbnail…

County Bubbles

A map of the United States uses brown circles sized by county population, with a legend for reference and hover tooltips showing the county name and population. The visualization overlays these bubbles on a gray landmass with white state borders, placing each circle at its county’s centroid. Built with D3 v3, it loads a TopoJSON file containing merged county, state, and nation geometries, projects it via `d3.geo.albersUsa`, and draws the map with `d3.geo.path` while sizing bubbles with `d3.scale.sqrt`. Population data comes from the 2012 American Community Survey.

Mmbostock

67% match

Loading thumbnail…

task4.2

This bubble chart visualizes 15 global cities by population (millions) on the y-axis, area (km²) on the x-axis, and population density as the bubble radius. Each circle is colored by region using `d3.scaleOrdinal` with `d3.schemeTableau10`. The code loads `globalCities.csv`, converts numeric fields, and renders SVG circles with `d3.scaleLinear` for both axes and `d3.scaleSqrt` for the radius. Axis labels and ticks are generated via `d3.axisBottom` and `d3.axisLeft`, with the chart drawn inside an SVG container.

GGanesh Gundekarla

66% match

Loading thumbnail…

D3 Country Bubble Chart

This bubble chart displays each country as a circle scaled by population, with hover tooltips showing the country name and population. Interactive radio buttons switch between grouping modes—combining all bubbles, clustering by continent, positioning at country centers, or sorting by population—and toggle circle fills between continent colors and country flag patterns. The visualization uses d3.forceSimulation with custom force configurations for each grouping, d3.scaleSqrt for radius scaling, and SVG patterns for flag fills. It loads data from a CSV file and animates transitions between the different layouts.

AAnnie Chang

66% match