Skip to main content
SimilarExport ZIP
100%

Students_Dataset_Viz

✓ Published0🌍 Public
Zzeyneb.mhamedi@gmail.com
Last edited Mar 28, 2023
Created on Mar 28, 2023
Forked from Hello VizHub

This example demonstrates Principal Component Analysis (PCA) on a student dataset, reducing high-dimensional data to two components for a scatter plot visualization. It loads CSV data from a GitHub repository, processes the numeric values, and applies a custom PCA implementation using the numeric library to compute eigenvalues and eigenvectors. D3 v6 renders the resulting projections as blue circles with x and y axes, using d3.scaleLinear and d3.axisBottom/axisLeft for the chart layout. The visualization shows how PCA reduces complex data into a clear 2D representation.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Students_Dataset_Viz

This example demonstrates a principal component analysis (PCA) workflow on the `full_gea.csv` dataset. It loads the CSV with D3’s `csv` method, parses numeric columns, and reduces the data to two dimensions using a custom PCA implementation in `pca.js`, which relies on the `numeric` library’s `eig` function for eigenvector computation. The resulting projected coordinates are logged to the console, with no visual rendering shown. It illustrates importing local ES6 modules alongside D3 v6.

Zzeyneb.mhamedi@gmail.com
88% match
Loading thumbnail…

PCA Projection

A PCA projection scatter plot maps cereal data onto two principal component axes. The visualization uses D3 v3's `d3.svg.axis` for the coordinate system and `d3.scale.linear` to map the domain `[1, -1]` to the plot area. Points are positioned on a 900x700 SVG canvas with axes crossing at the center. The code includes data loading from `cereal.csv` and circle elements for each cereal, though the dot placement logic is commented out, leaving only the axis framework rendered.

MMohamedZaki
73% match
Loading thumbnail…

PCA Projection

A PCA projection scatter plot maps cereal data onto two principal component axes. The visualization uses D3 v3's `d3.svg.axis` for the coordinate system and `d3.scale.linear` to map the domain `[1, -1]` to the plot area. Points are positioned on a 900x700 SVG canvas with axes crossing at the center. The code includes data loading from `cereal.csv` and circle elements for each cereal, though the dot placement logic is commented out, leaving only the axis framework rendered.

MMohamedZaki
73% match
Loading thumbnail…

Graph Devinsa

This visualization shows a scatter plot of PCA results from the Devinsa dataset, with each point representing a data sample positioned along two principal components (Axe 1 and Axe 2). The chart uses red circles with hover highlighting and includes axis labels, tick marks, and a title. Built with D3 v5, the code loads CSV data, applies linear scales, and renders SVG circles. Interactive zoom and panning are enabled via `d3.zoom`, which rescales the axes and repositions points on user input, with a clip path constraining the visible plot area.

GGuillaume-Delbarre
72% match
Loading thumbnail…

PCA Projection plot

A PCA projection plot maps cereal brands onto two principal components, with each dot representing a cereal and its position determined by the eigenvalue projection. The visualization uses a custom x-scale ranging from 1 to -1 and a y-scale from -1 to 1, centered axes with gridlines, and an SVG container of 900 by 700 pixels. Built with D3 v3, the code defines linear scales and axes via `d3.scale.linear` and `d3.svg.axis`, though the cereal dataset is present but not dynamically loaded in the visible script.

MMohamedZaki
71% match
Loading thumbnail…

Graph Devinsa Radio

This example displays a principal component analysis (PCA) scatter plot of radio-related entities, plotting each point on two axes with a red, semi-transparent circle. The visualization supports interactive zooming and panning through a `d3.zoom` behavior, and includes a toggle to reveal or hide the corresponding name labels for each data point. The SVG visualization uses `d3.scaleLinear` for axis scaling and `d3.axisBottom`/`d3.axisLeft` for grid lines, with data loaded from a remote CSV file using `d3.csv`.

GGuillaume-Delbarre
69% match
Loading thumbnail…

Reusable D3 Scatter Plot

This example shows a pie chart representing the number of subjects each student has enrolled in, with color-coded slices, labels, and a legend. The visualization loads student data from a CSV file via `d3.csv`, and maps it to pie geometry using the `d3.pie` and `d3.arc` generators. Slices are rendered as SVG paths with a `d3.scaleOrdinal` color scale, while labels and legend items are positioned using arc centroids and fixed translations. The chart uses D3 v7 and renders within an SVG container.

Vvishnupriya eupuri
69% match
Loading thumbnail…

PCA Projection

A scatterplot of cereal brands projects each product as a point on a two-dimensional plane, effectively visualizing their distribution across a linear map where the axes range from -1 to 1. The visualization displays the dataset from a CSV file, with each dot representing a cereal entry. Using the D3.js v3 library, the code creates an SVG container and employs `d3.scale.linear` to map data values to screen coordinates. The axes are rendered with `d3.svg.axis`, featuring tick lines extended across the plot to create a grid, and the graph is framed with a fixed width and height.

MMohamedZaki
68% match