Skip to main content
SimilarExport ZIP
100%

activity_6_task_4

✓ Published1🌍 Public
TThai Ha Dang
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from activity_6_task_4

This bubble chart visualizes California housing data, plotting longitude and latitude coordinates to reveal geographic distribution. Each bubble’s size encodes population, while its color represents median house value on a gradient scale. The chart uses D3.js v6 with SVG rendering, including `scaleLinear` for axes, `scaleSqrt` for bubble sizing, `scaleSequential` with `d3.interpolateCool` for the color mapping, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. Data loads from a GitHub-hosted CSV, with a legend displaying the value range.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity_6_task_4

This bubble chart visualizes California housing data, showing the relationship between median income and median house value across different locations. Each bubble’s size represents population, and its color encodes ocean proximity (e.g., NEAR BAY). The chart uses D3 v6 with `scaleLinear` for the x and y axes, `scaleSqrt` for bubble radius, and `scaleOrdinal` with a categorical color scheme. The SVG is rendered with circles, while axes are drawn using `axisBottom` and `axisLeft`. The data is loaded from a CSV file containing housing statistics.

TThai Ha Dang
94% match
Loading thumbnail…

Fork of activity_6_task_4

A geographic bubble chart maps California housing data from a GitHub-hosted CSV, plotting longitude and latitude as axes. Each bubble’s radius encodes population, while its color reflects median house value using a D3 sequential color scale with an interpolateCool gradient and a legend. The chart renders as SVG via D3 v-scaleLinear and scaleSqrt, with axes labeled and bubbles styled with opacity and black strokes.

TThai Ha Dang
92% match
Loading thumbnail…

Scatter plot Activity 7

This interactive scatter plot visualizes California housing data, cycling through four x-axis variables—median income, housing median age, total rooms, and population—every five seconds against median house value. Built with D3.js, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and a reusable `scatterPlot()` function to render SVG circles sized by the raw data values. The animation updates axis scales and labels dynamically via `setInterval`, while the dataset is loaded as CSV from a GitHub repository.

Nnissisharon61@gmail.com
81% match
Loading thumbnail…

Activity6_question4

This bubble chart visualizes the relationship between cost of living, rent price, and population across 20 expensive global cities, with bubble size representing residents and color denoting region. It uses D3 v6 to create an SVG visualization, employing d3.scaleLinear for the x and y axes, d3.scaleSqrt for bubble radii, and d3.scaleOrdinal with the Tableau10 scheme for regional coloring. Interactive tooltips appear on mouseover, revealing city details. The chart includes dual legends for both bubble size and regional color coding, rendered from a CSV data file.

Hharinihari6791@gmail.com
77% match
Loading thumbnail…

Activity 6 Task 4

This example shows a bubble chart that visualizes spatial data by mapping x and y coordinates to a scatterplot and a third size value to the radius of each circle. The chart loads CSV data from a GitHub repository using D3 v5’s `d3.csv` method, then renders the bubbles as SVG circles with a skyblue fill and semi-transparent opacity. It uses `d3.scaleLinear` for the x, y, and radius scales, and displays axes via `d3.axisBottom` and `d3.axisLeft`, with explicit axis labels. The SVG canvas is fixed at 800 by 600 pixels with defined margins.

Mmaheshchowdaryponnaganti@my.unt.edu
77% match
Loading thumbnail…

Activity6_Task4_Question

A bubble chart displays U.S. state populations from the 2020 census, plotting each state’s total population on the x-axis and its percentage of the national total on the y-axis. The bubble size and color encode population percentage, with hover tooltips showing state details. D3 v7 loads a CSV dataset and uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` to render the SVG chart with interactive mouse events.

RRishithaGarnepudi@my.unt.edu
77% match
Loading thumbnail…

Fork of Circles with D3

A scatter plot maps California housing data from a CSV file, showing longitude and latitude coordinates with circles sized by median house value and colored by median income. The visualization uses D3 v7 to load the data, apply linear scales for axes, a sequential blue interpolator for color, and a square-root scale for circle radius. SVG rendering includes axis labels for both dimensions.

Ddeepanshu123sharma4@gmail.com
77% match
Loading thumbnail…

Activity_6_Question_4

This bubble chart displays the relationship between house size, price, and rating for five sample houses. The x-axis maps square footage, the y-axis maps price in thousands, and bubble radius encodes each house’s rating. Built with D3.js v6, it uses `d3.scaleLinear` for all three dimensions and renders circles as SVG elements. Interactive tooltips appear on mouseover, showing the house’s name, size, and price. The chart loads inline data matching the provided `bubblechart.csv` structure, with axes labeled and a steelblue fill for each bubble.

AAbrarb702@gmail.com
77% match