Skip to content

πŸ““βœ¨ A pure HTML/CSS/JS Jupyter Notebook viewer with neomorphic design, dark/light mode, markdown + code rendering, and interactive outputs (tables, plots, images). Fetches .ipynb files directly from GitHub – no backend needed! πŸš€

Notifications You must be signed in to change notification settings

SoultySprings/eda-viewer

Repository files navigation

πŸ““ SoultySprings Notebook Viewer

An interactive Jupyter Notebook (.ipynb) viewer built with pure HTML, CSS, and JavaScript β€” no backend or heavy frameworks required.
It fetches raw notebooks directly from GitHub, parses the JSON, and dynamically renders markdown, code cells, and outputs (plots, tables, images, etc.) in a clean neomorphic design with a persistent dark/light theme.


✨ Features

  • πŸ“‚ Sidebar Notebook Selector – Click to open and toggle between .ipynb files.
  • πŸ–‹οΈ Markdown Rendering – Uses Marked.js for smooth Markdown support.
  • πŸ’» Code Cell Display – Renders Python code cells in a styled block.
  • πŸ“Š Output Rendering:
    • Text, stdout, and errors
    • Inline tables (with horizontal scrolling for large tables)
    • Images (png, jpeg, svg)
    • HTML/iframes (e.g., interactive Plotly charts)
  • 🎨 Neomorphic Design with shadows, gradients, and glassmorphism.
  • πŸŒ— Dark / Light Mode toggle with a smooth circular wipe transition and persistent theme memory (via localStorage).
  • 🧭 Welcome Screen with fun quotes (philosophy + science facts + hidden easter eggs πŸ₯š).
  • ℹ️ About Popup with project details and GitHub link.

πŸ“‚ Project Structure

  • index.html β†’ Main file containing HTML, CSS, and JavaScript.
  • favicons & manifest β†’ Icons for browsers and devices (.png, .ico, .svg, site.webmanifest).
  • notebooks array (inside JS) β†’ Defines which .ipynb files are available to view (fetched from GitHub raw URLs).

πŸš€ Usage

  1. Clone or download the repository:
    git clone https://github.com/SoultySprings/eda-viewer.git

About

πŸ““βœ¨ A pure HTML/CSS/JS Jupyter Notebook viewer with neomorphic design, dark/light mode, markdown + code rendering, and interactive outputs (tables, plots, images). Fetches .ipynb files directly from GitHub – no backend needed! πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages