activity_6_task_4

100%

activity_6_task_4

✓ Published1🌍 Public

Last edited Oct 19, 2024

Created on Oct 16, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

78% 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-8_Q4

This interactive bubble chart visualizes the relationship between population and average income across major U.S. cities, with bubble size representing land area and color encoding individual cities. Built with d3.v7, the SVG visualization combines x and y linear scales for axes, a third scale for bubble radius, and an ordinal color scale using interpolateTurbo. Hovering reveals a tooltip showing city names, while a legend displays area values and city color-coded dots. The chart reads from a CSV file and includes animated opacity changes on mouse interactions.

SSree Yuktha Sunkara

76% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart shows the relationship between median parent household income and mobility rate for California universities, with circle size encoding average cohort size and color encoding income trend changes. The visualization uses D3.js v5 with d3.legend to create both color and size legends, plus custom axis and title drawing functions. Data is loaded from an Opportunity Insights CSV and filtered to California institutions, with pre-selected universities labeled on the chart. SVG rendering displays the bubbles, median reference lines, and labels.

Eetbascur

75% match

Loading thumbnail…

Mobility Rate Bubble Chart

A bubble chart shows the mobility rate of universities in California versus their median parent household income, with circle size indicating average cohort size, and color indicating the trend in the percentage of parents in the bottom income quartile. Circles are sized with `d3.scaleSqrt()`, colored by a diverging scale, and data from the Opportunity Insights Mobility Report Cards is loaded via `d3.csv()`. The visualization uses the D3 version 5 library and the d3-legend extension for its legends, rendering to an SVG element.

Eetbascur

75% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart visualizes the relationship between median parent household income and mobility rate for California universities, with bubble size representing average cohort size and color indicating income trend changes. The visualization uses D3 v5's scale functions including `d3.scaleSqrt` for bubble sizing and `d3.scaleDiverging` with `d3.interpolatePiYG` for coloring. It leverages the d3-legend library for color and circle legends. The data comes from Opportunity Insights' Mobility Report Cards dataset, filtered to California institutions, with labels highlighting select universities.

Ccj-luo

75% match

Loading thumbnail…

Mobility Rate Bubble Chart

This bubble chart shows California universities’ mobility rates against median parent household income, with circle size representing average cohort size and color encoding trends in parental income distribution. Built with D3 v5 and Vue, it uses SVG rendering, `d3.scaleSqrt` for bubble radius, `d3.scaleDiverging` with `d3.interpolateRdYlBu` for color, and d3-legend for legends. Data comes from Opportunity Insights’ Mobility Report Cards dataset, filtered to California institutions.

AAlejandro Garcia

75% match

Loading thumbnail…

Mobility Rate Bubble Chart

This example shows a bubble chart of California universities, plotting median parent household income against mobility rate. Bubble size represents the average number of children per cohort, and color encodes the trend in the share of parents from the bottom 20% of the income distribution. The SVG rendering uses D3.js v5 with `d3.scaleSqrt` for radius, `d3.scaleDiverging` for color, and the d3-legend library. Data from Opportunity Insights’ Mobility Report Cards includes average lines and selected university labels.

Aahmed

75% match