10 Repos
Mathematical procedures that automatically determine the spatial arrangement and positioning of elements within a visual display.
Explore 10 awesome GitHub repositories matching graphics & multimedia · Layout Algorithms. Refine with filters or upvote what's useful.
D3 is a modular library providing low-level primitives for creating data-driven visualizations. It functions as a flexible framework that allows for direct control over visual presentation by mapping abstract data dimensions to graphical properties, such as position, color, and size, without imposing predefined chart abstractions. The library distinguishes itself by offering specialized tools for complex data representation, including algorithmic layouts for hierarchical structures and geographic projection utilities for mapping spherical coordinates. It also includes a comprehensive suite fo
Arrange tree-structured data into hierarchical visual representations such as node-link and enclosure diagrams.
Manim is a scriptable, code-driven framework designed for generating precise technical visualizations and mathematical animations. By using a high-level programming interface, it allows users to define geometric shapes, motion paths, and animation logic that are compiled into high-quality video assets. The system functions as a specialized engine for creating reproducible, data-driven representations of complex mathematical concepts and geometric transformations. The framework distinguishes itself through an interpolation-based engine that calculates intermediate states between keyframes to e
Aligns the scale, position, and dimensions of objects to ensure consistent layout.
Aseprite is a specialized graphics editor and animation suite designed for the creation of pixel-based artwork. It provides a comprehensive environment for managing multi-layered animation sequences, offering tools for frame-by-frame design, onion skinning, and real-time motion previews. The application is built to handle both indexed color palettes and full-color RGB editing, allowing users to maintain precise control over pixel data and transparency. What distinguishes Aseprite is its focus on programmable workflows and game asset production. It features a scriptable command architecture th
Aseprite allows setting canvas bounds, nine-slice scaling regions, and pivot points to manage sprite layout and sub-division within a larger image.
G2 is a declarative data visualization engine that constructs complex charts and graphical representations by mapping raw data to visual elements through a systematic grammar of graphics. It functions as a modular framework for building custom analytical visualizations, allowing users to define visual encodings and coordinate systems independently of the underlying data. The library distinguishes itself through a multi-backend rendering pipeline that supports Canvas, SVG, and WebGL, ensuring consistent graphical performance across different environments. Its architecture relies on a plugin-ba
Organizes nested datasets into structural layouts like treemaps and sunbursts to show part-to-whole relationships.
react-vis is a declarative, component-based React data visualization library. It provides a framework of reusable building blocks for rendering interactive charts and graphs by mapping raw data to visual attributes such as position, color, and size. The system leverages D3 for its scaling and layout logic. The library is distinguished by its ability to handle complex data relationships, including hierarchical data via tree maps and circle packing, as well as multidimensional analysis using parallel axes and radar charts. It also supports network flow mapping to illustrate the volume and direc
Implements algorithms for arranging tree-structured data into visual representations like circle packing.
react-vis ist eine React-Bibliothek zur Datenvisualisierung und ein deklaratives Charting-Framework, das zur Erstellung komponierbarer grafischer Darstellungen verwendet wird. Es bietet ein System zum Rendern komplexer Visualisierungen durch das Zusammensetzen einfacher Bausteine zu größeren Chart-Strukturen. Die Bibliothek enthält spezialisierte Werkzeuge für hierarchisches Daten-Mapping mittels Sunburst-Diagrammen und Tree-Maps sowie für die Visualisierung von Flüssen und Beziehungen mittels Sankey-Diagrammen. Sie bietet zudem einen multivariaten Datenvisualisierer zum Plotten hochdimensionaler Daten durch parallele Koordinaten, Radar-Charts und radiale Visualisierungen. Das Framework unterstützt Standard-Charting-Implementierungen für Linien-, Balken- und Tortendiagramme sowie Chart-Legenden-Management und orthogonale Koordinaten-Plots. Diese Visualisierungen werden unter Verwendung skalierbarer Vektorgrafiken (SVG) generiert.
Uses algorithms to compute the spatial arrangement of nested shapes for tree maps and sunburst diagrams.
metrics-graphics is a data visualization library and declarative graphics framework designed to create principled data graphics and layouts. It functions as a statistical graphics engine that maps raw data to geometric shapes and structured objects to render complex, data-driven layouts. The toolkit specializes in rendering time-series data through line charts and scatterplots using a consistent layout system. It also provides capabilities for statistical distribution mapping, including the creation of rug plots to represent one-dimensional data density. The system covers a broad surface of
Organizes nested graphical elements into a parent-child structure to coordinate scaling and positioning across the canvas.
FriendsDontLetFriends is a scientific data visualization guide and framework designed to help users create accurate plots while avoiding common data representation mistakes. It provides a collection of scripts and guidelines for selecting distribution plots, color scales, and layouts that accurately represent complex experimental data. The project distinguishes itself through specialized toolkits for revealing hidden patterns in large datasets. It includes systems for heatmap optimization via dimension reordering and outlier management, as well as spatial layout algorithms to improve the inte
Implements multiple spatial layout algorithms to optimize the interpretability of relationship data in network graphs.
Dagre is a pure JavaScript library for automatically laying out directed graphs. It implements a layered graph drawing algorithm based on the Sugiyama framework, positioning nodes in horizontal layers and routing edges to produce clear, readable visualizations with no native dependencies. The library handles edge routing as polylines with control points to avoid overlapping nodes, reduces edge crossings through heuristic node ordering within layers, and assigns final coordinates using a slack-based approach that respects minimum separation constraints. Graph structure and layout options are e
Arranges nodes in layered, top-down layouts to represent hierarchical relationships and dependencies.
Dieses Projekt ist ein Marker-Clustering-Plugin und ein Tool zur Kartenvisualisierung für Leaflet. Es fungiert als Gruppierungsbibliothek, die große Datensätze geografischer Punkte in Clustern organisiert, um visuelle Unordnung zu reduzieren und die Browser-Performance sowie Lesbarkeit zu verbessern. Die Bibliothek enthält einen Marker-Manager, der überlappende Punkte in einem radialen Layout anordnet und sicherstellt, dass einzelne Marker mit denselben Koordinaten visuell unterscheidbar und anklickbar bleiben. Sie bietet Funktionen für benutzerdefinierte Gruppen-Ikonografie, geografische Grenz-Vorschauen für Marker-Gruppen und automatische Zoom-Anpassungen, um die Grenzen eines ausgewählten Clusters einzupassen. Das System handhabt zudem das Bulk-Marker-Management mittels Chunked-Loading, um ein Einfrieren der Browser-Oberfläche bei der Verarbeitung großer Datensätze zu verhindern.
Calculates radial offsets for overlapping markers to ensure each remains visually distinct and clickable.