pujitha532

@pujitha532·3 public vizzes

Fork of ICE-6 Scatter Plot

This scatter plot visualizes the relationship between accommodation cost and duration in days, with points colored by species (blue, yellow, or red). The data is loaded from a GitHub Gist CSV using D3 v6’s `csv` and parsed into numeric fields. The visualization uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and SVG `circle` elements with per-point `rx` and `ry` attributes. Axis labels are rendered as text elements, all within a full-window SVG.

Mar 8, 2023

Loading thumbnail…

Fork of Fork of ICE 5

This example displays basic metadata about a downloaded CSV dataset in a black preformatted text block beside a static SVG placeholder. It reports the formatted file size, row count, and column count after loading the data. The code uses D3’s `d3.csv` to fetch and parse the remote file, then `d3.csvFormat` to compute its byte length in kilobytes. The SVG contains an empty pattern and image reference, so no chart is rendered; the visualization is purely textual summary output.

Mar 5, 2023

Loading thumbnail…

Fork of ICE 5

This example displays a static SVG rectangle filled with a background pattern and presents a text summary of a remote CSV file’s size, row count, and column count. It uses d3.csv to fetch business financial data from a GitHub gist, then formats the data with d3.csvFormat to calculate its kilobyte size. The resulting message is rendered into a black `<pre>` element, while the SVG’s embedded image pattern remains empty due to missing href data. The code relies on D3 v5 and plain JavaScript.

Mar 5, 2023