Skip to main content
Log in
N

Nikhitha630

@Nikhitha630·8 public vizzes

Loading thumbnail…

Fork of ICE-5 DV: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js version 7. It uses `d3.csv` to fetch a dataset from a GitHub gist and displays the file size, row count, and column count in a styled HTML `<pre>` element. The page also includes an inline SVG illustration and shows the parsed data in the browser console. The approach highlights basic data loading and formatting with `d3.csvFormat` to compute file size.

Feb 28, 2022
Loading thumbnail…

Fork of ICE-5 DV: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js version 7. It uses `d3.csv` to fetch a dataset from a GitHub gist and displays the file size, row count, and column count in a styled HTML `<pre>` element. The page also includes an inline SVG illustration and shows the parsed data in the browser console. The approach highlights basic data loading and formatting with `d3.csvFormat` to compute file size.

Feb 28, 2022
Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data with D3.js, showing the dataset’s size in kilobytes, row count, and column count. The rendered SVG depicts a decorative city skyline. The code uses `d3.csv` to fetch the remote CSV URL and `d3.csvFormat` to calculate its length, updating a `<pre>` element via `document.getElementById`. Styled with CSS, the page includes an embedded SVG image and runs within a React framework.

Feb 28, 2022
Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data with D3.js, showing the dataset’s size in kilobytes, row count, and column count. The rendered SVG depicts a decorative city skyline. The code uses `d3.csv` to fetch the remote CSV URL and `d3.csvFormat` to calculate its length, updating a `<pre>` element via `document.getElementById`. Styled with CSS, the page includes an embedded SVG image and runs within a React framework.

Feb 28, 2022
Loading thumbnail…

Fork of ICE-5 DV: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data with D3.js, displaying a summary of the dataset’s size and structure in a styled HTML page. Using `d3.csv`, it fetches data from a GitHub-hosted CSV file containing Lionel Messi’s statistics, then computes and displays the total file size in kilobytes, the number of rows, and the number of columns. The page also embeds a static SVG illustration via an `<img>` tag, while the text output is rendered in a `<pre>` element with CSS styling.

Feb 28, 2022
Loading thumbnail…

Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example demonstrates how to load and parse CSV data using D3.js, displaying a summary of the dataset's size, row count, and column count in a styled HTML element. The page fetches data from a GitHub Gist URL via `d3.csv`, then uses `d3.csvFormat` and the resulting array’s properties to compute the formatted string. The visualization renders as static SVG and text, with styling applied through CSS, and serves as a simple introduction to working with external tabular data in a browser environment.

Feb 28, 2022
Loading thumbnail…

Fork of Fork of Data_Visualization_YellowFace_PY

A yellow circle with a black outline serves as a face, paired with two unfilled circles as eyes of different sizes. The code builds the mouth using a D3 arc path, positioned via an SVG group translation. Rendering is done with SVG elements in D3 v7, and the script imports `select` and `arc` from the D3 library to append the mouth path.

Feb 21, 2022
Loading thumbnail…

Fork_Yellow_PY

A static yellow smiley face rendered as SVG, with two dark eye circles and a mouth arc positioned half-way toward the final shape. The outer face uses a filled yellow circle with a black stroke, while the mouth is drawn using D3's `arc` generator with inner and outer radii, spanning from π/2 to π radians. The code selects the SVG element with `d3.select` and appends a group translated to the center, relying on D3 v7 to construct the arc path. Eye positions and sizes are hardcoded, and no data source is involved.

Feb 20, 2022