Guillaume-Delbarre

@Guillaume-Delbarre·3 public vizzes

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.

Dec 23, 2019

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

Dec 23, 2019

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.

Dec 23, 2019