Skip to main content
100%

Kickstarter projects by City

✓ Published0🌍 Public
Aannanimara
Last edited Jun 24, 2017
Created on Jun 24, 2017

This bubble chart displays Kickstarter projects aggregated by city, with each bubble representing a city and its size encoding the total number of projects in that location. Color encodes the parent category of each project, and hovering or inspecting individual bubbles reveals the number of projects per category within a city. The visualization is built with D3 v4 and rendered as SVG, using the data and concept from Polygraph but with a reorganized color scheme.

AI-generated description

Bubble chart showing 100.000 Kickstarter projects. Based on the data and idea of Polygraph but trying to reorganize the colors. Color represents the project category, size the number of backers.

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/4063269'>Bubble Chart</a>

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/0d81ccfd24578d5d563c55e785b3b40a'>Bubble Chart d3 v4</a>

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/38b1c32154905828f019f35a026b7526'>Kickstarter projects in New York</a>

forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/75f04c33b7870c3566a546e8f1afd687'>Kickstarter projects by City</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Kickstarter projects by City

This visualization uses a bubble chart to display Kickstarter projects by city. A dropdown menu allows the viewer to select a city, which updates the chart to show projects from that location. Each bubble's size is determined by the number of backers, and its color represents the project's subcategory. The code uses the `d3.pack` algorithm to position the bubbles and `d3.scaleOrdinal` with the `d3.schemeCategory20c` color palette for the category coloring, with data sourced from a provided CSV file.

TThanaporn-sk
93% match
Loading thumbnail…

All Kickstarter projects grouped by cities

This visualization displays 100,000 Kickstarter projects as a bubble chart, grouped by city, with circle size representing the number of backers per project and color encoding the project category. It uses d3.pack for the hierarchical bubble layout, d3.hierarchy to structure data by city and category, and d3.scaleOrdinal to map categories to colors. The code loads project data from CSV files, aggregates counts by city and subcategory, and offers checkboxes to toggle between standard and Polygraph-inspired color schemes or to regroup by categories. User interaction updates the visualization dynamically via the d3.v4 library.

TThanaporn-sk
91% match
Loading thumbnail…

Nigeria Minerals

An interactive bubble chart maps Kickstarter projects by city, using circle size to represent the number of backers and color to indicate project subcategory. Selecting a city from a dropdown updates the visualization, which is rendered as an SVG using D3 v4. The code leverages `d3.pack` for the bubble layout, `d3.scaleOrdinal` with `d3.schemeCategory20c` for color mapping, and `d3.map` for data joins. Project data comes from CSV files and the chart shows backer counts per project.

SSaminu
76% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes 25 U.S. cities by plotting their population on the x-axis and area in square kilometers on the y-axis, with bubble size encoding GDP and color distinguishing each city. Hovering shows a tooltip with city details. Built with D3 v7, it uses `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and SVG circles with mouse event handlers. Data comes from `citydata.csv`, rendered as an animated SVG with a legend.

Rrahman.mehmood2002@gmail.com
69% 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
66% 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
65% match
Loading thumbnail…

Fork of Activity6_Task4

This interactive bubble chart visualizes the relationship between city population, area, and GDP. Each circle’s size encodes GDP, position maps population and area, and color distinguishes cities. The chart uses D3 v7 with SVG and animation, featuring custom tooltips that display city details on hover. Data is loaded from a CSV file and rendered with scales for axes and bubble sizing.

IILYAS AHMED
65% match
Loading thumbnail…

Fork of Activity6_Task4

This interactive bubble chart visualizes the relationship between city population, area, and GDP. Each circle’s size encodes GDP, position maps population and area, and color distinguishes cities. The chart uses D3 v7 with SVG and animation, featuring custom tooltips that display city details on hover. Data is loaded from a CSV file and rendered with scales for axes and bubble sizing.

IILYAS AHMED
65% match