https://github.com/losefor/d3-nodes-benchmark
https://github.com/losefor/d3-nodes-benchmark
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/losefor/d3-nodes-benchmark
- Owner: losefor
- Created: 2024-10-24T07:45:08.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T15:32:59.000Z (12 months ago)
- Last Synced: 2025-01-13T15:49:19.551Z (9 months ago)
- Language: Svelte
- Size: 31.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Collapsible Tree Visualization with D3.js
This project provides a dynamic, zoomable, and collapsible tree visualization using **D3.js** and **Svelte**. The tree structure is fully interactive, allowing nodes to collapse and expand on click, and includes zoom and pan functionality for large datasets. The tree adjusts its layout based on node sizes, offering an optimized rendering for both small and large datasets.
## Features
- **Collapsible Nodes**: Click on any node to expand or collapse its children.
- **Zoom and Pan**: Supports zooming and panning to navigate large trees efficiently.
- **Responsive Layout**: Automatically adjusts the layout based on node sizes.
- **Optimized for Large Data**: Handles large datasets with many nodes and levels while maintaining a smooth user experience.