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.
- π Sidebar Notebook Selector β Click to open and toggle between
.ipynbfiles. - ποΈ 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.
- 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
.ipynbfiles are available to view (fetched from GitHub raw URLs).
- Clone or download the repository:
git clone https://github.com/SoultySprings/eda-viewer.git