Skip to main content
SimilarExport ZIP
100%

nithin question 1

✓ Published0🌍 Public
Nnithinreddypinikesi@my.unt.edu
Last edited Mar 30, 2026
Created on Mar 30, 2026

This scatter plot shows the relationship between daily social media hours and anxiety percentage, with points colored by income group. Built with D3 v7, the reusable `scatterPlot()` function configures axis labels, scales, and a Tableau10 ordinal color scheme, then appends an SVG with circles and axes. Data loads from a CSV via `d3.csv`, tooltips appear on hover, and the chart renders within an HTML container using basic D3 selection and scaling APIs.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

nithin question 3

A line chart shows the average depression percentage for four income groups, ordered from Low to High, based on a mental health CSV dataset. The SVG rendering uses D3 v7 scales (`d3.scalePoint`, `d3.scaleLinear`) and the `d3.line` generator to draw a steelblue path, with red circles and value labels marking each computed average. The chart is built with D3’s DOM selection and appended to an HTML container, including axis labels and a title.

Nnithinreddypinikesi@my.unt.edu
81% match
Loading thumbnail…

nithin question 4

This example shows an area chart of average depression percentages across World Bank income groups (Low, Lower-Middle, Upper-Middle, High), using data from a CSV file loaded via d3.csv. The chart renders an SVG with a light blue filled area overlaid with a dark blue line and circles marking each aggregated point. It uses d3.scalePoint for the x-axis, d3.scaleLinear for the y-axis, and d3.area alongside d3.line generators. Axis labels and a title are added via SVG text elements.

Nnithinreddypinikesi@my.unt.edu
77% match
Loading thumbnail…

nithin question 2

This pie chart shows the distribution of countries across regions from a mental health dataset, displaying the count of countries in each region as labeled slices with a corresponding legend. The visualization uses d3.csv to load the data, d3.rollup to aggregate country counts by region, and d3.pie with d3.arc to generate the pie geometry. Labels are positioned inside each slice using labelArc centroids, while a separate legend group lists each region with its count. The SVG is rendered in a plain HTML page with D3 v7, using a categorical color scale (d3.schemeCategory10) to distinguish regions.

Nnithinreddypinikesi@my.unt.edu
73% match
Loading thumbnail…

sample

This bar chart visualizes the average number of social media platforms used by individuals, grouped by their self-reported anxiety level. The data, sourced from a CSV file on student grades and mental health, is filtered to remove missing or invalid entries. Using D3 v7, the code computes the mean number of platforms for each anxiety category with `d3.group` and `d3.mean`, then renders the results as an SVG bar chart. Bars are sorted in descending order and change color on hover, with axes and labels provided by `d3.axisBottom` and `d3.axisLeft`.

Ssarikakannikanti@gmail.com
71% match
Loading thumbnail…

Mental Health & Social Media Traits

This scatter plot matrix explores relationships among six mental health and social media traits, including anxiety, depression, and hours spent online. Each off-diagonal cell displays a scatter plot of two variables, while diagonal cells label each axis. The visualization loads CSV data from a GitHub gist and uses d3.scaleLinear for axes, SVG circles for points, and CSS-transition tooltips for hover details. This splom implementation relies on d3.csv, d3.select, and d3.extent to filter and scale the numeric data.

Ddeekshakondam@gmail.com
71% match
Loading thumbnail…

Activity 6 task3 question 1

This scatter plot visualizes the relationship between study hours and exam scores, with each point colored by subject (Math, Science, English). The visualization loads data from a remote CSV file and renders circles using D3’s scaleLinear and scaleOrdinal APIs. Hovering over points reveals a tooltip with detailed information. The chart includes labeled axes, a color-based legend, and is built with animated SVG elements controlled through D3’s data joins and transitions.

NNithish Karanam
69% match
Loading thumbnail…

Ice 7 Scatter plot harshitha dontha

This reusable scatter plot shows the relationship between study hours and exam scores, with each point representing a student. The chart uses d3.scaleLinear for both axes and renders circles via SVG. The code demonstrates a modular chart function pattern, loading data from a CSV file and displaying axes with d3.axisBottom and d3.axisLeft. The visualization also includes a separate implementation that supports custom symbol shapes and color encoding through d3.symbol and d3.scaleOrdinal.

HHarshithaDontha@my.unt.edu
68% match
Loading thumbnail…

Fork of Scatter Plot of Happiness and Y axis attributes

This interactive scatter plot explores the relationship between the rate of depression across all ages and selected well-being indicators from the World Happiness Report. Users can switch between economy, social support, generosity, freedom, and perception of corruption using a dropdown menu, which updates the y-axis and its label. Built with React and D3 v5, the visualization uses D3’s `scaleLinear` and `extent` to compute scales, while custom React components (`AxisBottom`, `AxisLeft`, `Marks`) render SVG axes and circles. Point positions are set via `cx`/`cy` attributes, with tooltips formatted using D3’s `format`.

NNikithakatta30
67% match