Skip to main content
SimilarExport ZIP
100%

ExamBiz1

✓ Published0🌍 Public
Aalanhealy
Last edited Dec 14, 2020
Created on Dec 13, 2020
Forked from Cars Scatter Plot

This visualization displays time-series data from an exam business dashboard, plotting hourly views as colored lines for different URLs with red circles marking Facebook engagement. The data comes from a Google Sheets CSV, rendered as SVG using D3 v5. The code employs d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, d3.line with curveBasis, and d3.nest to group data by URL, while axes use d3.axisLeft and d3.axisBottom with gridlines.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

activity7.1q2

This example shows the relationship between hours studied and exam scores using an area chart, with a light blue filled region and steel blue outline. It loads student performance data from a GitHub-hosted CSV file and parses the numeric columns. The visualization uses D3 v6 to create linear scales for both axes, an `area` generator for the filled path, and `axisBottom` and `axisLeft` for the axes. Labels are added for both dimensions, and the SVG is rendered directly into the page.

Ssudheervnarasimha1@gmail.com
73% match
Loading thumbnail…

Q2 D3

A scatter plot visualizes the relationship between hours studied and exam scores across 150 students, using D3 v7 to load CSV data and render SVG circles mapped through linear scales. The chart includes labeled axes, a bold title, and semi-transparent steelblue points sized at 4 pixels. Data comes from a local `study_scores.csv` file, with axes and scales configured via `d3.scaleLinear`, `d3.extent`, and `axisBottom`/`axisLeft`.

Ddineshsingiri18@gmail.com
72% match
Loading thumbnail…

ice7_task3

This area chart displays the relationship between hours studied and average exam scores, using a steelblue fill with orange data points to highlight the trend. The visualization groups individual student records by rounded study hours and computes the mean exam score for each group. Built with D3 v7, the chart uses `d3.csv` for data loading, `d3.groups` to aggregate the data, `d3.scaleLinear` for axis scaling, and SVG rendering with animated elements and interactive tooltips on hover.

Ssahasrakaturi91@gmail.com
72% match
Loading thumbnail…

Scatter plot

This dark-themed scatter plot visualizes the relationship between hours studied and exam scores for 188 students, with each point colored by attendance percentage using a sequential turbo scale. The visualization loads data from a CSV file and renders it as SVG circles, employing D3 v7 scales for positioning and color encoding. Interactive tooltips display student details on hover, while grid lines and axis labels provide context for the academic performance metrics.

RRamdas Dheeraj
72% match
Loading thumbnail…

Activity 4, Task 4

This scatter plot shows the relationship between hours studied and exam scores for 25 students, where each circle’s radius is randomly assigned between 10 and 40 pixels. The visualization uses d3.csv to load score.csv, then maps the data with d3.scaleLinear for both axes, rendering circles as SVG elements with steelblue fills and 0.7 opacity. Axis labels for “Hours Studied” and “Scores” are added via d3.axisBottom and d3.axisLeft, with the chart drawn inside a 800×500 SVG canvas.

AAnushaHyderaboeni@my.unt.edu
71% match
Loading thumbnail…

Ice_task2_2

This interactive line chart shows the relationship between hours studied and average exam score, aggregating individual student records into rounded hourly bins and plotting the mean score for each bin as a connected line with orange data points. Hovering over a point reveals a tooltip with the exact values. The visualization is built with D3 v7, using `d3.csv` to load the dataset, `d3.groups` and `d3.mean` for aggregation, and `d3.scaleLinear` with `d3.axisBottom` and `d3.axisLeft` for the coordinate system. It renders as SVG with animated transitions, styled with CSS for a clean card-based layout.

Ssahasrakaturi91@gmail.com
71% match
Loading thumbnail…

ice7_task2_2

This line chart visualizes the relationship between study hours and exam scores for a small dataset of students. The chart renders a smooth monotone curve through the data points, using blue dots to mark individual observations and a matching blue line to emphasize the overall trend. Built with D3.js v7, the visualization loads CSV data from a GitHub gist, applies linear scales with nice tick marks, and draws axes with labels. The tooltip functionality on hover is implemented but not fully connected in the visible code.

Ddeepakvowel@gmail.com
71% match
Loading thumbnail…

task 3 question678

This scatter plot visualizes the relationship between study hours and exam scores for ten students, with each point colored by student ID to distinguish individuals. The D3.js v7 code loads data from a CSV file, converts the values to numbers, and uses linear scales with `d3.axisBottom` and `d3.axisLeft` to render axes labeled "Study Hours" and "Exam Score." SVG circles are appended via data joins, with their positions mapped through the scales and their fill colors assigned using `d3.scaleOrdinal` with `d3.schemeCategory10`.

KKritin Kesav
70% match