elh / bitempura-viz Goto Github PK

They use all shared logic at this point. Replay is a superset of the functionality. Fix the url paths too

See #14 for context on why using themes as-is does not work.

something like color: hsl(X, 100%, 72%) where X 0-360 seems like a fine start. want some Value -> int pseudorandom hash. prefer something light

Use a nice autocompleting powerbar UI? Care a little bit now that I have a hosted site but still not a priority to come back to this...

user can copy and paste in a history JSON

We can actually do this with any final history by walking back the transaction time. replace the hardcoded one for /replay_demo and provide this for all tests

Use bitempura to power an interactive experience. Evaluate wasm 🪄

instead of just automatically playing it on a timer.

see https://github.com/hustcc/echarts-for-react/blob/master/docs/examples/dynamic.md. I verified this works

• factored out Chart component
• for smooth animations, will need a stable "version" id. we already realized we needed this for SQL implementation. not sure what I want to call it in the API though
  • https://echarts.apache.org/en/option.html#series-custom.encode. have to encode an itemId
• consider outputting this "history-history" all tests. Instead of deferring a single history call to the end, use a test driver that tracks history on every write. it is sort of funny that this is another way data varies over time, this is the "transaction-time states" of the bitempura db itself 🤔 . A history-history.
  • Made obsolete by #18

selectively import only the needed components https://github.com/hustcc/echarts-for-react

See https://stackoverflow.com/questions/3004811/how-do-you-run-multiple-programs-in-parallel-from-a-bash-script/52033580#52033580 🤔

this looks simple enough https://github.com/reactjs/react-modal

Option 1) in multiple tabs
Option 2) as layers in a 3D chart. 2 dimensions of time and 1 bucketing by key 🤯 . echarts-for-react seems to support echarts-gl

• update README
  • 🔍 -> 🔮. gotta ponder the orb
  • update home cover image
  • add small gif of graph (after graph updates are done)
  • add a bit of context about bitempura
  • add callout for interactive mode (UPDATE: use issues)
  • FE unfamiliarity callout...? 😬 disclaimer that this is my first own React app. UPDATE: 🤷
• update graph
  • graph fonts
  • add axis pointers. should they snap? echarts example
  • display dates better on axis. echarts example. UPDATE: Not needed with the fancy axis pointers
  • add overlay for VT=TT? multiple series in echarts. PUNT
• test list
  • fix wrap around and width issues
  • show test directory path
  • add count of number of tests to the test list
  • update Footer?
• the package
  • tag v0.0.1 version. UPDATE: no need to do this yet. def not publishing to npm yet
  • update favicon and other assets
  • update manifest.json. Remove create-react-app boilerplate
• make public
• update bitempura README
  • indicate SQL is WIP
  • link to bitempura-viz

could read from github API and even take branch and directory as query params. Try Vercel Render