alexntougias

@alexntougias·3 public vizzes

Fork of Iris Parallel Coordinate Plots

A parallel coordinate plot visualizes four measurements of Iris flowers, with each species distinguished by a unique color. Users can drag the vertical axes horizontally to reorder the dimensions, which dynamically redraws the connected polylines. The visualization uses D3.js v4 with `d3.scaleLinear`, `d3.scalePoint`, `d3.drag`, and `d3.axisLeft` to render SVG paths and axes, and the data comes from the classic Iris dataset.

Apr 26, 2021

Loading thumbnail…

Data Viz

This example displays the text “Hello HTML” centered on a blank page with a CSS font size of 13em. It demonstrates basic DOM rendering and JavaScript console logging, opening the browser developer tools to print “Hello JavaScript!”. The code uses plain HTML, CSS styling, and a script tag with `console.log`, requiring no external libraries or data processing. The included `data.json` file, containing categorical and numeric pairs, is not read or visualized in the current implementation.

Apr 26, 2021

Loading thumbnail…

data viz

This example shows a bare-minimum HTML page that displays the text “Hello HTML” in the center of the viewport, scaled to an extremely large font size. It demonstrates how to combine CSS for styling with JavaScript for console output. The code uses standard DOM APIs such as `document` and `console.log` to log “Hello JavaScript!” to the browser’s developer tools, while the inline `<style>` tag sets the body’s layout and typography. No external libraries or frameworks are used beyond the plain HTML, CSS, and JavaScript.

Apr 26, 2021