[Roadmap] Improved Style Options
- Dominant language
- TypeScript
- Stars
- 481
- Forks
- 108
- Avg merge
- 8d 9h
- Merged PRs (30d)
- 7
Description
We envision a richer, more approachable styling system that helps users produce an attractive, legible graph with minimal effort. Today styling is a set of direct low-level values (a color hex, a border width) applied per type, closely mirroring what Cytoscape accepts. We want to raise the level of abstraction so users pick from well-designed presets and the system handles the details.
## Potential Scope
- Style presets: curated color palettes and coordinated style themes that apply across the whole graph
- A style model abstracted from Cytoscape and from direct property values, so styles describe intent (e.g. "emphasized", "muted", palette slot) rather than raw values
- Expanded label style options for nodes and edges (e.g. placement, background, size, wrapping)
- Property-based styling rules that map data values to visual encodings
## Related Issues
- #691 covers rendering quality and layout; this item covers the styling model and options
- #689 covers persistence and sharing of the resulting styles
- #1785 is a concrete request that would build on this
## Disclaimer
This is a high level roadmap item. The details of the implementation and the described scope could change as the project evolves.
Contributor guide
Research direction
This is a high-level roadmap item and names no specific files, tests, or entry points. Read related issues #691, #689, and #1785 to understand boundaries and concrete use cases before attempting any work. Scope and implementation details are explicitly undecided, so a newcomer cannot determine a bounded definition of done from this issue alone.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100