svelte-mindmap
- Purpose: SvelteMindmap is a Svelte component designed for creating interactive mindnode maps, inspired by react-mindmap .
- Key Features:
- Renders nodes, connections, and subnodes in a visual mindmap format.
- Supports editable mode for interactive node manipulation.
- Customizable styling via CSS classes.
- Target Audience: Developers using Svelte who need a mindmap visualization component.
- Framework Support: Primarily built for Svelte v3.
- Data Structure:
- Nodes: Represented with attributes like
text
,url
, coordinates (fx
,fy
),category
, andnote
. - Connections: Define links between nodes with optional bezier curve control points.
- Subnodes: Nested nodes with additional
parent
andcolor
attributes.
- Nodes: Represented with attributes like
- Styling: Offers CSS classes (e.g.,
.mindmap-node
,.mindmap-connection
) for customization. - Feedback: Encourages contributions, issues, and suggestions.
Note: MIT licensed, with npm distribution.
sveltejsd3mindmapjavascriptsveltetreetunisia
Author
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button