Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

Inspiration: http://worrydream.com/DrawingDynamicVisualizationsTalkAddend...

Currently building a web drawing program that can create custom data visualizations. Think “no code D3”.

It has required some pretty cool tech. I’ve essentially built a reactive expression evaluator in typescript. This allows me to do things like “rectangle.height = foo + bar”. It’ll then setup “foo” and “bar” as dependencies of “rectangle.height”, watch them for changes, re-evaluate the expression, and update the rectangles height.



Nice idea! Cool tech sounds a bit like inspired by Svelte reactivity (https://svelte.dev/tutorial/reactive-declarations)

Anything to show?


I actually started with Svelte, partly because I wanted to learn it. I couldn't figure out a good way to tie its reactivity to my needs so I ended up dropping it in favor of Vue.js.

As for things to show, it's still quite early as I want to nail down the rendering engine. I've yet to create drawing tools which will allow me to more easily create complex visualizations.

Here's something I pretty quickly rigged up though which I think is fairly mesmerizing: https://imgur.com/a/ELhwWo5




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: