Skip to main content
SimilarExport ZIP
100%

Fork of activity_6_task_4

✓ Published0🌍 Public
TThai Ha Dang
Last edited Nov 28, 2024
Created on Oct 22, 2024
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

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.

TThai Ha Dang
92% match
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
86% 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
78% match
Loading thumbnail…

Fork of Activity_6_Task2_Q2.3

A bubble chart renders car brand data as horizontal stacked bars, with each bar segmented by attribute (horsepower, torque, and highway MPG). The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `stack` APIs to position and color the segments. Data is loaded from a local CSV file, and the SVG output includes interactive tooltips. The chart is implemented directly in an HTML page with embedded JavaScript, applying a custom color palette and formatting values to two decimal places.

Pparvathi829790@gmail.com
78% 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…

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
76% 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
76% match
Loading thumbnail…

Fork of Activity6_Question_4

This fork of Activity6_Question_4 presents two visualizations: an SVG bubble chart of car makes comparing average torque, horsepower, and highway MPG, and an SVG scatterplot of countries plotting GDP per capita against life expectancy, with bubble size encoding population. The first chart uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.interpolateTurbo for color, and tooltip events. The second uses d3.scaleSqrt for radii and mouseover color changes. Both load data from CSV files (bubblechart.csv, Nation_General.csv) and render with d3.v7 into SVG elements.

Aadityatrip9899@gmail.com
76% match