Skip to main content
SimilarExport ZIP
100%

Education Scatter Plot

✓ Published0🌍 Public
KKal
Last edited Sep 28, 2025
Created on Sep 16, 2025
Forked from Tech and Education

This scatter plot, rendered with D3.js (d3.v7) and SVG, visualizes program duration against cost for assistive-technology education offerings. Each circle represents a program, with color indicating accredited status via a scaleOrdinal color scheme. The visualization includes labeled axes, grid lines, and a legend. The code synthesizes the duration and cost data, as the original dataset from Kaggle lacks these fields. The plot is constructed using scaleLinear for the x and y axes, and axisBottom and axisLeft for the tick marks.

AI-generated description

Availability of Education for Assistive Technology

Description

Dataset about the availability and characteristics of assistive-technology education programs. Useful for exploring regional access, program types, and factors linked to availability.

Source: Kaggle — Availability of Education for Assistive Technology by yapwh1208
Link: https://www.kaggle.com/datasets/yapwh1208/availability-of-education-for-assistive-technology

Attributes and Types (VAD)

  • <Region/Country/State> — categorical (nominal). Geographic area of the record.
  • <Institution/Provider> — categorical (nominal). Name of the provider.
  • <ProgramType> — categorical (nominal). Type of assistive-tech education program.
  • <Level> — ordered categorical. e.g., Introductory < Intermediate < Advanced.
  • <DeliveryMode> — categorical (nominal). e.g., Online, In-person, Hybrid.
  • <Duration> — quantitative (ratio). Program length (hours/weeks).
  • <Cost> — quantitative (ratio). Tuition/fee (local currency or USD).
  • <Enrollment> — quantitative (count). Number of learners.
  • <Accredited> — categorical (nominal). Yes/No.
  • <StartDate / Year> — temporal (date or year). Program start or data year.

    After download, update names to match exact column headers.

Visualization Ideas

  • Choropleth or bar chart: count of programs by region
  • Stacked bars: ProgramType by DeliveryMode
  • Boxplot: Cost by ProgramType
  • Scatter: Duration vs Cost, color by Accredited

Notes

  • Verify currency and normalise if comparing Cost across regions.
  • Handle missing values in Duration/Cost/Enrollment.
  • Treat Level as ordered (encode order explicitly).
MIT Licensed

Similar vizzes

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

D3 Scatter Plot - Earnings and Education

This scatter plot visualizes the relationship between years of education and hourly earnings, with blue points for males and red points for females. The data comes from a CSV file loaded asynchronously via `d3.csv`. The code uses D3 v6 scales (`d3.scaleLinear`), axes (`d3.axisLeft`, `d3.axisBottom`), and SVG circles to render the points with opacity for overlap. The chart fills the browser window, with margins defining the plotting area.

JJunying Li
71% match
Loading thumbnail…

EDAV Final Interactive

This interactive scatter plot visualizes social, educational, and employment trends across five time periods, from 1995–2019, using data from the UCI Machine Learning Repository. Users click labeled rectangles to switch between periods, triggering a 2-second D3 transition that moves each circle to new coordinates based on employment and education values. Circle color encodes a score value via a linear scale interpolating between green and black. Built with D3 v6, it uses SVG, scaleLinear, axisBottom, axisLeft, and selection.transition for animation.

Vvincent-sc4755
71% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This animated scatter plot uses D3.js to visualize high school student data, cycling through four different variable pairs on the x-axis every few seconds. Colored circles represent individual students, with sky blue, light green, and orange indicating grade categories (A, B, and D). The visualization employs the custom `scatterPlot` module, which utilizes D3 scales, axes, and SVG rendering to create the animated chart. Data is loaded from a CSV file hosted on GitHub, and the animation is driven by `setInterval`.

Lleftymadi
70% match
Loading thumbnail…

Task3_Question3

This example shows a scatter plot comparing Education and Healthcare spending, with points colored by gender. It loads data from a local CSV file and renders circles on an SVG canvas. The code uses D3.js v7 to set up linear scales for both axes, an ordinal color scale for gender categories, and appends axes with labels. The visualization includes interactive tooltips triggered by mouseover events, which change point size and color while displaying details. A legend is built manually using SVG rectangles and text elements, and the chart includes a title.

Mmythripopuri2001@gmail.com
70% match
Loading thumbnail…

D3 reusable Scatter Plot

This scatter plot visualizes a student dataset with marks, study time, and course count. Built with D3 v6, it uses a reusable chart pattern with scaleLinear, axisBottom, axisLeft, and SVG circles. The plot cycles its x-axis variable through three columns every five seconds, animating the data transition via setInterval. Data comes from a CSV loaded with d3.csv, and the chart updates in place when the x-value changes.

AArun Pratap
70% match
Loading thumbnail…

ACT6_TUT3_TASK1

This scatterplot explores the relationship between daily study hours and GPA for students across three academic tracks (CS, Data, AI). The visualization uses colored symbols—circles, squares, and triangles—to distinguish tracks, with tooltips revealing individual student details. Built with D3 v7, the chart employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color and shape encoding, and `d3.symbol` to generate the point markers. The data comes from a local CSV file, rendered as SVG with custom axes, title, and a legend.

RRevanth putta
70% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot shows student age and course, with symbols encoding the year of study for each data point. Using D3.js v7, the visualization maps age on the x-axis and course on the y-axis, replacing standard points with circles, squares, triangles, and diamonds for Years 1–4. Data is loaded from a CSV via `d3.csv` and rendered as SVG, with axes generated by `d3.axisBottom` and `d3.axisLeft`. Hovering reveals a tooltip with detailed information about each student.

Nnissisharon61@gmail.com
70% match