Brief Reminder: We are building Vizstack: a stack of programming tools that make code visual, simplifying complexity by rendering any data structure from any program in any language. Consider the last time you encountered an unfamilar codebase or had to debug a nasty algorithm. We believe that this code complexity can be tamed with better developer tools. We believe the time is right to reinvent the programming experience, so that developers can build bigger, faster, safer, and more intricate software.
To learn more, visit the home page.
A crucial part of our visualization library is being able to visualize graphs. For various reasons outlined here, we've decided to develop our own graph layout library called nodal
.
Finally after weeks of development, the first version of nodal
is public!! We had to learn how to use Gatsby.js to create an optimized and beautiful static site, but luckily everything felt super familiar since it's just built on top of React.
Landing Page: https://vizstack.github.io/nodal/
We spend over 70 hours this week (🤓) improving various bits and pieces of nodal
, to prepare it for its public debut:
- Allow
Rectangle
to constrain its children - Allow
Rectangle
to constrain its ports to the boundary.- Both specific sides and any side
- Rewrite
toSchema
/fromSchema
to use shapes - Write tests for
Rectangle
bounds, boundary, and constrainPointOnBoundary - Fix the spring model bug causing strong long range forces
- Write
RMSPropOptimizer
,TrustRegionOptimizer
, andScheduledOptimizer
- Further improve "limp noodle" problem on long graphs.
- Allow separation of
Nodes
from boundary-to-boundary, rather than center-to-center.