Skip to main content
SimilarExport ZIP
100%

Scatter plot Activity 7

✓ Published0🌍 Public
Nnissisharon61@gmail.com
Last edited Apr 10, 2025
Created on Apr 6, 2025

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.

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

ICE_7-Assignment-7_ scatter plot

This animated scatter plot explores relationships among US housing market variables, cycling through three attribute pairs every two seconds: average price versus number of sales, then number of sales versus average square footage, and so on. A D3 selection updates the x-scale domain and circle positions via the reusable scatterPlot component. The visualization uses d3-scale’s scaleLinear and extent, d3-axis for labeled axes, and d3-selection for SVG circle joins. Data comes from a CSV file loaded with d3.csv, rendered as an SVG filling the viewport. The code embeds a setInterval timer to swap the x-value accessor, demonstrating dynamic axis rescaling.

Ssowmyakancharla01@gmail.com
80% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes demographic and economic data for California counties, with dropdown menus allowing the user to select which columns map to the X and Y axes. The visualization uses D3 v5’s `scaleLinear`, `scalePoint`, and `axisBottom`/`axisLeft` to render the plot, and employs `transition().duration(2000).delay()` to animate circles as the selection changes. The X axis supports numeric fields like Income and Poverty, while the Y axis displays categorical county names. Data comes from the UCI Machine Learning Repository’s Auto MPG dataset.

CCBoton
80% 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
79% match
Loading thumbnail…

ICE_7-VideoGamescatter plot

This animated scatter plot visualizes US housing sales data, cycling every two seconds between three variables—average price, number of sales, and average square footage—on the x-axis. Built with D3 v6, it uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and `setInterval` to swap the x-value mapping. Points are rendered as SVG circles with a fixed radius, fed by a CSV parsed via `d3.csv`.

Kkramyasudha2024@gmail.com
79% match
Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes demographic and economic data for California counties, sourced from the UCI Machine Learning Repository's Auto MPG dataset. Users select a metric from a dropdown menu—such as Income, Poverty, or Employment—which reshuffles the x-axis position of each county dot. The plot uses d3.scaleLinear for the numeric x-axis and d3.scalePoint for categorical county labels, with circles rendered as SVG elements. A smooth transition.attrTween animation moves dots from the center to their new positions over two seconds. The code leverages d3.csv for data loading and d3.axisBottom/d3.axisLeft for labeled axes.

CCBoton
77% match
Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes demographic data for California counties, sourced from the UCI Auto MPG dataset. A dropdown menu lets users select which attribute to plot on the x-axis, with counties listed on the y-axis. The D3 v5 code uses `scaleLinear`, `scalePoint`, and `axisBottom` to build the chart, while `transition().duration(2000).delay(i * 10)` animates circles from the center to their positions. Each circle is semi-transparent red, and axes use custom tick formatting.

CCBoton
77% match