Explore my TouchDesigner experiments and interactive visual systems.
Jump to Collection ↓
Studio Log / Collection
TouchDesigner
Patterns & Takeaways
Design / Analysis Patterns
- Signal + rhythm wins - Combining Perlin noise with amplitude mapping creates organic but controllable motion.
- Small multiples win - For comparing categories over time, small multiples beat color-coding every time.
- Temporal data needs motion - If data changes over time, motion communicates better than static encoding.
- GPU first for scale - GPU instancing unlocks dense particle fields without frame drops.
Mistakes I Keep Catching
- Masking sparse data - Animation can hide weak data quality instead of revealing it.
- Skipping null states - Empty and error states still need visual logic.
- Export breaks hierarchy - Axis labels and annotations often collapse at final output size.
- Legend mismatch - Legends without direct labels force unnecessary cognitive load.
Reusable Snippets
- D3 scale factory - Shared scale helpers reduce chart-to-chart drift.
- WebSocket reconnect hook - Lightweight retry logic stabilizes live telemetry views.
- Map camera utility - One transition helper keeps map interactions consistent.
- Responsive SVG viewBox hook - Preserves readability across breakpoints.
Next Focus
- Canvas at scale - Push beyond 100k points without interaction lag.
- Annotation layer - Build collaborative notes directly in the viewport.
- Accessibility pass - Improve chart contrast and keyboard paths.
- Automated OG generation - Produce clean social previews from artifact metadata.