Skip to main content
SimilarExport ZIP
100%

Assignment 3 - Scatter on SingleAxis

✓ Published1🌍 Public
TTony Mai
Last edited Mar 27, 2026
Created on Mar 20, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Assignment 3 - Scatter Plot with Linear Regression

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.

TTony Mai
78% 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
75% match
Loading thumbnail…

Scatter Chart HTML

This scatter plot visualizes the relationship between daily steps and calories burned over a 120-day period. The visualization uses a card-based layout with an SVG canvas, plotting each day as a circle positioned by linear scales for both variables. The chart loads data from a remote CSV file using `d3.csv`, then maps the parsed numeric fields to x and y coordinates. It employs `d3.scaleLinear` with `d3.extent` and `.nice()` for axis scaling, and renders the points as SVG circles with a radius of 4 pixels. Axis labels and a chart title are added as SVG text elements, with the bottom x-axis and left y-axis generated through `d3.axisBottom` and `d3.axisLeft`.

Ssivaniammisetti2002@gmail.com
73% 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
71% match
Loading thumbnail…

Assignment7_ReusableScatterPlot_sowjanya

This example displays a scatter plot of daily steps against calories burned, with points sized by water intake and colored by month. Built with D3 v7 and SVG, it uses a reusable `scatterPlot()` component configured through a chaining API. The plot renders circles via `d3.symbol()` with `d3.scaleLinear` axes, a Tableau10 ordinal color scale, and a custom tooltip that appears on mouseenter, sourcing data from a linked wellness tracker CSV file.

Ssaisowjanyaedupuganti.24f@gmail.com
71% match
Loading thumbnail…

Scatter plot date 3d

This example visualizes temperature readings in San Francisco over a week using a scatter plot. The x-axis shows the date and time, while the y-axis displays the temperature in degrees, with each point representing an hourly measurement. The visualization is rendered using D3 v7, employing `scaleTime` and `scaleLinear` for the axes, and `axisBottom` and `axisLeft` for the grid lines. The data is loaded from the `week_temperature_sf.csv` file, and the points are drawn as circles with a fixed radius.

JJuanmaBV
70% match
Loading thumbnail…

Assignment task 2

This scatter plot visualizes the relationship between screen hours and sleep hours for individual students, with each point colored by GPA using a sequential plasma scale. The visualization loads CSV data from a GitHub gist via `d3.csv`, then renders circles in an SVG container. It uses `d3.scaleLinear` for both axes, `d3.scaleSequential` with `d3.interpolatePlasma` for color encoding, and includes gridlines, axis labels, and an interactive tooltip that displays RollNo, screen hours, sleep hours, and GPA on mouseover/mousemove. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

Eeeshani.boyapati@gmail.com
70% match