Assignment 3 - Scatter Plot with Linear Regression

100%

Assignment 3 - Scatter Plot with Linear Regression

✓ Published0🌍 Public

Last edited Mar 19, 2026

Created on Mar 19, 2026

Forked from Assignment 3 - Interactive Stacked Bar Chart

This interactive visualization uses ECharts and the ecStat regression API to plot hourly step counts against calories burned for individual users from a Fitbit dataset. A dropdown menu switches between 33 users, each rendering a scatter plot with a linear regression line overlaid. The regression transform is applied via `ecStat.transform.regression`, while the chart itself loads data from a CSV file and updates dynamically through a change event listener.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 3 - Scatter on SingleAxis

This visualization shows the step counts for a single user across seven days of the week, using a series of scatter plots arranged on separate horizontal axes. Each point represents an hourly interval, with the x-axis showing the hour of the day and the size of the point scaled to the square root of the step count for that hour. The chart is built using the ECharts library, with each day’s data placed on its own `singleAxis` and rendered as a scatter series. The data is loaded from a local CSV file containing hourly step totals and intensity values.

TTony Mai

78% match

Loading thumbnail…

Assignment 3 - Interactive Stacked Bar Chart

This interactive stacked bar chart visualizes daily activity intensity for multiple users, sourced from Fitbit data in `dailyIntensities_merged.csv`. A dropdown menu switches between users, displaying four stacked segments—inactive, light, moderate, and intense activity—as proportions of a 1440-minute day. Built with ECharts 5.3.2, it uses the `bar` series with `stack: 'total'` for the bars, and adds translucent connecting polygons between adjacent bars via the `type: 'polygon'` element to highlight temporal transitions.

TTony Mai

74% match

Loading thumbnail…

Fork of Fork of Fork of ECharts 2

A single-axis scatterplot shows one user's hourly step counts and total intensity across Tuesday hours for one week, using ECharts 5.3.2. Each point’s x-position is the hour, and the symbol size encodes step total. The chart filters a CSV dataset of Fitbit activity to a hard-coded user ID and date range, then maps intensity values to point size. Data is loaded via `fetch` and parsed manually, with chart configuration built from `title`, `singleAxis`, and `series` arrays.

TTony Mai

72% match

Loading thumbnail…

Assignment6_Jaswanth_SP

This scatter plot visualizes the relationship between calories burned and steps taken, with each circle representing an individual user/week record and colored according to the user. The D3.js v7 code loads a fitness dataset from a raw GitHub CSV file, using `d3.csv` with `d3.autoType` to parse values. It applies `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeTableau10` for categorical colors, and renders the chart as SVG with `d3.axisBottom` and `d3.axisLeft` for axes.

JJaswanthKoorapati@my.unt.edu

70% match

Loading thumbnail…

Fork of Fork of ECharts

This example visualizes cumulative minutes asleep for the top 23 users from a Fitbit sleep dataset, shown as multiple line series over time. Each line represents a user’s running total of sleep minutes, with end labels displaying user IDs and emphasis focusing on individual series on hover. Built with ECharts 5.3.2, the code loads a local CSV via `fetch`, parses rows to aggregate daily sleep records by user, and uses `myChart.setOption` to configure line charts, tooltips, legends, and an animated rendering with a 10-second duration.

TTony Mai

69% match

Loading thumbnail…

Assignment6_Jaswanth_SP

A scatter plot visualizes the relationship between steps taken and calories burned for individual user-week records, with each point colored by user. The visualization uses D3.js v7 to load CSV data from a GitHub repository, render circles, and construct axes. It employs d3.scaleLinear for x and y positions, d3.scaleOrdinal with d3.schemeTableau10 for categorical colors, and d3.extent and d3.axisBottom/axisLeft to calculate domains and draw the chart components.

JJaswanthKoorapati@my.unt.edu

69% match

Loading thumbnail…

Linear Regression and Scatterplot

This visualization shows a scatterplot of EEG data, plotting F3 against F4 values from a CSV dataset, with a red dashed regression line overlaid to display the linear relationship between the two attributes. Interactive dropdown menus allow users to select which EEG channels to compare. The chart is rendered using D3 v4, employing `d3.scaleLinear` for axes, `d3.csv` for loading data, and a custom `calcLinear` function for computing regression parameters, with circles representing individual data points in SVG.

HHariprashanth75

68% match

Loading thumbnail…

Assignment_7_sowjanya_Reusable scatterplot

This interactive D3.js scatterplot visualizes the relationship between daily steps and calories burned from a personal wellness tracker. Each circle encodes water intake through its radius and the month of the year through its color. Users can hover over any point to see a tooltip with detailed values. The chart is built using a reusable `scatterPlot()` function that leverages D3's scale API (`d3.scaleLinear`, `d3.scaleSqrt`, `d3.scaleOrdinal`) and the `join` operator to efficiently create and update SVG circles. Data is loaded from an external CSV file.

Ssaisowjanyaedupuganti.24f@gmail.com

68% match