jasondavies/d3-cloud
D3 Cloud
d3-cloud ist eine JavaScript-Library zur Erstellung nicht überlappender Wortwolken-Layouts unter Verwendung des D3.js-Datenvisualisierungs-Frameworks. Sie dient als Textvisualisierungstool, das Rohtext oder CSV-Daten in skalierbare Vektorgrafiken und stilisierte typografische Wolken umwandelt.
Die Library nutzt einen spiralbasierten Kollisions-Layout-Algorithmus zur Berechnung von Koordinaten und Rotationen, um sicherzustellen, dass Wörter innerhalb eines visuellen Clusters nicht überlappen. Sie bildet die Worthäufigkeit auf die Schriftgröße ab und unterstützt einen angepassten Layout-Prozess, bei dem Positionen basierend auf der Textverteilung berechnet werden.
Das System deckt die Datenverarbeitung für Text- und CSV-Importe, die Anpassung des visuellen Stils für Typografie und Farbe sowie die Generierung hochauflösender PNG- oder SVG-Exporte ab. Es enthält zudem Mechanismen zur Verfolgung des Layout-Fortschritts, um ein inkrementelles Rendern von Wörtern zu ermöglichen.
Features
- Spiral-Based Search - Computes non-overlapping coordinates by scanning an expanding spiral path to place words.
- Word Cloud Generators - Provides a JavaScript library for generating non-overlapping word cloud visualizations from text data.
- Frequency Scaling Utilities - Maps word occurrence counts to font sizes using linear or logarithmic frequency scaling.
- Pixel-Grid Occupancy Mapping - Uses a boolean pixel grid to track used screen space and detect collisions between words.
- Custom Text Rendering - Implements custom text rendering to arrange words with specific fonts and rotations.
- SVG-Based Vector Rendering - Implements an SVG-based vector rendering system to display word coordinates and rotations.
- SVG Data Visualization - Renders dynamic, scalable vector graphics based on text frequency and distribution data.
- Text Visualization Tools - Transforms textual data into stylized typographic word cloud representations.
- Word Cloud Layouts - Creates visual clusters of words where size represents frequency using D3.js.
- Iterative Placement Algorithms - Calculates word positions iteratively by attempting repeated placements based on word size.
- Word Frequency Counters - Tallys word occurrences in raw text or CSV data to determine visual sizing.
- Coordinate-Based Position Calculators - Computes non-overlapping coordinates and rotations for text elements.
- Spiral Collision Avoidance - Computes coordinates and rotations to prevent word overlap using a spiral-based algorithm.
- CSV Imports - Processes raw text and CSV files to determine word frequency and distribution.
- Programmatic SVG Generation - Programmatically generates scalable SVG and PNG word cloud graphics.
- Event-Driven UI Rendering - Provides event-driven UI rendering by triggering callbacks as each word is positioned in real time.
- Chart Visual Style Customizations - Allows adjustment of typography, color palettes, and orientations to modify the visual style.
- Data Visualization - Word cloud generation library.
- Game Engines - Word cloud generation library.
- General Purpose - Word cloud generation library.
