Web Development Links
Written
- This is mostly a grab bag of things that look useful and I haven't taken the time to categorize more specifically. I haven't personally tried all of these.
- SVG Compressor
- I've found this gives better results than SVGO and also embeds fonts so that the SVG can be in an
svgtag.
- I've found this gives better results than SVGO and also embeds fonts so that the SVG can be in an
- Spark Joy - Design Tools and Tips
- ColorBox - Color Palette Generator
- rfdc - really fast deep clone
- Visual Layout, Drag-and-Drop, etc.
- alyssaxuu/flowy: The minimal javascript library to create flowcharts ✨
- Svelte-grid — A draggable and resizable grid layout with responsive breakpoints, for Svelte.
- daybrush/moveable: Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
- daybrush/selecto: Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
- kieler/elkjs: ELK's layout algorithms for JavaScript — Layouts for diagrams and flowcharts
- steveruizok/perfect-arrows: Draw perfect arrows between points and shapes.
- curved-arrows — Another arrow library focused on s-curve arrows
- isaacHagoel/svelte-dnd-action: An action based drag and drop container for Svelte
- d3
- wbkd/awesome-d3: A list of D3 libraries, plugins and utilities
- d3/d3-force: Force-directed graph layout using velocity Verlet integration.
- sohamkamani/d3-force-gravity: Implement gravitational attraction (or force-field-like repulsion) using d3-force
- twosixlabs/d3-force-reuse: Faster force-directed graph layouts by reusing force approximations
- erikbrinkman/d3-dag: Layout algorithms for visualizing directed acyclic graphs
- spiermar/d3-flame-graph: A D3.js plugin that produces flame graphs from hierarchical data.
- pbeshai/d3-interpolate-path: Interpolates path d attribute smoothly when A and B have different number of points.
- Labels
- curran/d3-area-label: A library for placing labels in areas.
- https://github.com/tinker10/D3-Labeler — Uses simulated annealing to find a good solution
- d3-annotation
- d3plus/d3plus-text: A smart SVG text box with line wrapping and automatic font size scaling.