Skip to main content
SimilarExport ZIP
100%

Graph Devinsa Radio

✓ Published1🌍 Public
GGuillaume-Delbarre
Last edited Dec 23, 2019
Created on Dec 23, 2019
Forked from Graph Devinsa

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Graph Devinsa Radio

This chart displays the results of a principal component analysis as a scatterplot, with each point representing a radio station positioned along two principal axes from a CSV file. The visualization uses D3 v5 to render an SVG with axes and grid lines, and supports interactive zooming and panning via the `d3.zoom` extension. Users can toggle the display of station name labels on or off using radio buttons, which control the text opacity. Points change color on hover, and the chart updates dynamically during zoom transitions.

GGuillaume-Delbarre
91% 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
81% match
Loading thumbnail…

Students_Dataset_Viz

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.

Zzeyneb.mhamedi@gmail.com
69% 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
67% 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
67% match
Loading thumbnail…

Visualization

A zoomable scatterplot displays a Principal Component Analysis of citation data from 2,000 philosophy articles, with points colored by K-Means clusters. The visualization uses D3 v3’s linear scales, axes, and zoom behavior to explore the bidimensional projection. Points are rendered as SVG circles with tooltips via d3-tip, and a button switches the x-axis variable, triggering a transition on the dot transforms. Data is loaded from a CSV file, and the plot includes a categorical color legend.

MMNoichl
67% match
Loading thumbnail…

310553047-HW1

This interactive scatter plot visualizes a Spotify dataset, allowing users to compare any two musical attributes by selecting them from dropdown menus for the x- and y-axes. The visualization shows how the chosen variables correlate across tracks, with each data point represented as a semi-transparent blue circle. The code uses D3 v5’s `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` APIs to load data, render the SVG, and update the chart dynamically. Axis labels and gridlines are included, and the plot refreshes whenever the user changes the selected attributes.

Yyujun12689
67% match
Loading thumbnail…

D3 Radio buttons

This example shows a scatterplot of 200 randomly generated points, with radio buttons that filter points by their x-value. Selecting a threshold highlights points above that value in red while leaving the rest black. The code uses D3 v7 to create the SVG, scales, and axes, and attaches click handlers to the radio inputs. The transition method animates the fill color change over 500 milliseconds.

KKaustav Sen
67% match