Export Image
Export Code

Sports dataset ICE-5 Assignment

sandyman2109-commits

0 views in last 90 days
Last edited Oct 06, 2025
Created on Oct 05, 2025

ICE‑5 Starter (VizHub ready)

How to use

  1. Create your own CSV (not the sample!) in Google Sheets or Excel.

    • Each student must use a different dataset.
    • Aim for 5–10 columns and at least ~20 rows.
  2. Export as CSV.

  3. Create a public Gist for your CSV:

    • Go to https://gist.github.com → new gist → paste your CSV → create public gist.
    • Click the Raw button and copy the URL. This is your dataset link for Q1.
  4. Open app.js and replace:

    const CSV_URL = "REPLACE_WITH_YOUR_RAW_GIST_URL.csv";
    

    with your raw Gist URL.

  5. Open this folder in VizHub (or upload the three files manually: index.html, styles.css, app.js).

    • Make sure your CSV Gist is public.
    • Your page will show a summary + preview table and has an SVG picture.
  6. Submit:

    • Q1: The raw Gist URL of your CSV.
    • Q2: The VizHub link to your page.
    • Q3: (already covered) The page renders the first 5 rows with CSS styling.

The inline SVG is in index.html (Section “SVG Picture”). Replace or enhance it as you like.

MIT Licensed