Roey-Wu

@Roey-Wu·3 public vizzes

读取TXT文件

This example reads a remote TXT file containing Spotify track data and displays its contents as plain text in the browser. It uses an ActiveXObject with the Scripting.FileSystemObject to open the file from a GitHub raw URL, then reads each line, splits it by spaces, and inserts the content into the page via innerHTML. The visualization is minimal, showing only the raw text without any charting or interactive elements, relying on JavaScript’s FileSystemObject API for file access.

Nov 22, 2022

Loading thumbnail…

parallel coordinates_Iris data set

This example visualizes the classic Iris flower dataset using parallel coordinates, with each polyline representing a flower sample colored by species (setosa, versicolor, virginica). Users can drag the vertical axis labels to reorder dimensions and explore relationships interactively. Built with D3 v3, it uses `d3.svg.axis`, `d3.behavior.drag`, and ordinal/linear scales to map data to SVG paths. A background layer shows all lines in gray, while the foreground layer highlights species via color. Dimension values are scaled linearly between 0 and 9 on each axis, and transitions animate reordering.

Oct 17, 2022

Loading thumbnail…

Visualization with iris datasets

This interactive scatter plot visualizes the Iris dataset, letting users switch which flower measurements appear on the x- and y-axes via custom dropdown menus. Colored circles represent individual flowers, with colors mapping to species via a `d3.scaleOrdinal`. The reusable chart component uses `d3.scaleLinear` for axes, `selection.join` for enter/update/exit transitions, and animated transitions (`transition().duration(1000)`) to smoothly reposition and grow points when selections change.

Sep 29, 2022