An experiment in UI density created with Svelte
Overall Reception & Purpose
- Many find the UI beautiful, polished, and “fun to play with,” especially for a dense, finance‑style interface.
- Several ask what the “experiment” is and what conclusions were drawn; the objective remains largely unclear beyond exploring dense layouts.
Specific Visualizations: Helix, Cube, Table, Minimap
- Helix view: widely praised as striking and “mind‑blowing,” with ideas for use in volatility/periodic data, but others find it hard to read due to zooming and question its practical utility.
- Cube view: visually appealing, but multiple commenters argue 3D often underperforms versus multiple 2D plots because of projection and comparison issues.
- Table view: appreciated for density, live updates, sparklines, dimmed trailing zeros, and a “minimap” scrollbar, but criticized for poor contrast, invisible scrollbars, and unclear sort behavior.
- Several call the minimap / scrollbar fusion a standout idea worth copying.
Information Density vs Readability & Accessibility
- Strong enthusiasm for high‑density UIs, with comparisons to old newspapers, Bloomberg terminals, DAWs, 3D tools, and system monitors.
- Others report cognitive overload, difficulty tracking rows, and need for zebra striping, clearer highlighting, and better typography.
- Accessibility concerns raised: low contrast, tiny targets, long lines, and over‑dense tables can harm users with poor vision, motor issues, or neurodivergence.
- Debate over whether high density implies “higher intelligence”; several push back and emphasize inclusive design and layered “beginner vs power‑user” modes.
Performance, Svelte vs React, DOM vs Canvas
- Some note Svelte 4 still runs into performance issues with very large DOMs; Svelte 5’s new reactivity model is said to be faster.
- Others argue React can handle similar workloads with careful architecture, memoization, virtualization, and specialized grid/chart libraries; one demo recreates the table in React to prove feasibility.
- Broad agreement that DOM size and browser layout are main bottlenecks; viewport virtualization and canvas/WebGL rendering (sometimes with workers) are seen as key techniques for truly massive or real‑time data.
Desktop vs Mobile & Design Trends
- Responsive behavior is described as both fun challenge and major constraint; dense layouts often degrade on phones.
- Many criticize modern “low‑density, whitespace‑heavy” trends (Material‑style, mobile‑first) for making serious desktop tools worse, while others note they help casual users and accessibility.
- Several see UI density and style as cyclical “fashion,” predicting future swings back toward dense, text‑heavy designs.