asg017 / dataflow

An experimental self-hosted Observable notebook editor, with support for FileAttachments, Secrets, custom standard libraries, and more!

Home Page:https://alexgarcia.xyz/dataflow/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Design for Notebooks in Dataflow

asg017 opened this issue · comments

Currently, the design for notebooks in Dataflow isn't that great. It uses github-markdown-css for ok-ish styling for the markdown and a lot of weird custom CSS on top to solve random issues.

I want to spend the time to create a better design system for dataflow, one that's great for computational and data heavy notebooks. I don't want it to be too similar to what observablehq.com has, since I feel like that design is a little more lenient for blogging/prose-heavy notebooks (and I'd imagine dataflow would be used more for software engineering/data analyst/development heavy notebooks).

  • Markdown styling that doesn't use github-markdown-css
  • Table that looks nice for large datasets
  • Sensible padding/responsive design for entire container
  • Clearer distinction btwn
  • fonts!
  • CSS variables
  • dark mode!