Awesome GitHub Repositories2D Panning Controllers

Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat

iscroll is a JavaScript smooth scrolling library and web interaction framework. It provides a 2D web panning controller and a CSS transform zoom engine to manage inertial scrolling, panning, and zooming for web elements across different devices. The project enables the implementation of custom scrollbar interfaces and navigation maps that track the current viewport position. It supports the creation of interactive web carousels with element snapping, web parallax effects, and content scaling via pinch-to-zoom or mouse-wheel inputs. The library covers a broad range of interaction capabilities

fp-ts is a TypeScript library that brings pure functional programming patterns to the language through algebraic data types, type class abstractions, and composable combinators. It provides foundational data types like Option for optional values, Either for typed error handling, and Task for lazy asynchronous computations, all designed to make invalid states unrepresentable and side effects explicit. The library is built on category theory concepts, offering type classes such as Functor, Applicative, Monad, Semigroup, and Monoid with lawful instances for common data structures. The library di

LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan

uPlot ist eine hochperformante Canvas-Bibliothek für Zeitreihen-Charts, die darauf ausgelegt ist, Millionen von Datenpunkten mit hohen Frameraten zu rendern. Sie fungiert als hochfrequenter Datenvisualisierer und Plotter für Echtzeit-Datenströme und nutzt die HTML5-Canvas-API, um die Responsivität beim Plotten großer zeitlicher Datensätze beizubehalten. Das Projekt zeichnet sich als Plugin-basiertes Visualisierungs-Framework aus, das benutzerdefinierte Renderer erlaubt, um spezialisierte Visuals wie Heatmaps und Box-and-Whisker-Plots zu erstellen. Es dient zudem als interaktives Finanz-Charting-Tool, das speziell OHLC-Charts, Balken und Flächenbänder unterstützt. Die Bibliothek deckt ein breites Spektrum an Funktionen ab, einschließlich Achsenmanagement mit linearen, logarithmischen und uniformen Skalen sowie interaktiver Navigation via Zoomen, Pannen und synchronisierten Cursorn über mehrere verknüpfte Ansichten hinweg. Sie bietet Systeme für dynamisches Daten-Streaming mit Sliding-Window-Buffering und Tools für das Management fehlender Daten sowie zeitzonenbewusste Verarbeitung. Zusätzliche Funktionalität umfasst Stacked-Chart-Aggregation und die Möglichkeit, Visualisierungen in statische Bildformate zu exportieren.

react-diagrams is a framework for building interactive node-and-link diagrams and visual graphs within React applications. It functions as an interactive graph visualization tool and visual workflow designer, providing a system for rendering manipulatable canvases of connected nodes. The library is distinguished by its ability to act as a serializable state diagram manager, converting complex node layouts and connection states into storable data formats for session persistence. It further allows for custom behavior extensions to modify core logic and modules to implement project-specific func

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

Flowgram.ai is a workflow development framework for building AI workflow platforms. It provides a visual drag-and-drop canvas for constructing workflows, an Entity-Component-System (ECS) based document model for structuring workflow nodes as a tree, and a node-based form engine for managing configuration forms with built-in rendering, validation, side effects, and error handling. The framework also includes a workflow execution engine that parses directed graph workflows and runs nodes step by step with state tracking and array iteration. The framework distinguishes itself through a layered r

Viewerjs is a JavaScript image viewer library and frontend media display tool. It functions as an image gallery component and web-based manipulator for rendering images within browser interfaces. The library enables interactive image inspection through zooming, panning, rotating, and flipping operations. It supports both full-screen modal overlays and embedded inline page rendering to accommodate different display requirements. The project includes systems for gallery navigation, such as automated slideshows and index-based selection. It provides interface controls for keyboard-driven naviga

This is a custom Android view designed for rendering high-resolution images using subsampling and tiling to prevent memory overflows. It serves as an interactive image component that supports pinch-to-zoom, panning, and double-tap animations. The project is distinguished by its rendering engine, which loads low-resolution previews and high-resolution tiles to enable the efficient navigation of massive image files. It includes a coordinate mapper that converts screen touch points into raw image pixel coordinates and vice versa during scaling and panning. The view provides a broad set of capab

THIS REPO IS NOT MAINTAINED ANYMORE. Please see https://codeberg.org/tenacityteam/tenacity for Tenacity, which is maintained.

X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML. The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools. The toolkit includes capabilities for automatic g

react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans

Vue Flow is a TypeScript library for building interactive node-based editors and flowcharts. It provides the core infrastructure for creating diagrams where users can drag, select, and connect nodes with edges, supporting pan and zoom navigation of the canvas. The library offers extensive control over graph behavior and appearance, including the ability to customize connection lines, define custom edge types, and configure zoom constraints and viewport defaults. It includes built-in components like a minimap for navigation, zoom controls, and a fit-view button, along with features for node re

Simple flow library 🖥️🖱️

billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

Imaginary is a self-hosted HTTP server for image processing that applies transformations like resizing, cropping, rotating, and format conversion through URL parameters. It operates as a stateless request-response pipeline, processing images fetched from remote URLs or served from a local directory without requiring client-side dependencies. The server distinguishes itself through its security and access control capabilities, offering optional API key validation, HMAC-signed URL verification, and remote origin whitelisting to restrict which image sources are permitted. It also provides a heal

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

Live-Charts ist eine .NET-Datenvisualisierungsbibliothek, die eine Sammlung interaktiver Diagramme, Karten und Messgeräte bereitstellt. Sie fungiert als Echtzeit-Charting-Engine und Multi-Format-Grafikbibliothek, die darauf ausgelegt ist, komplexe Datensätze innerhalb von .NET-Anwendungen zu rendern. Die Bibliothek bietet Tools zur Erstellung interaktiver Daten-Dashboards, die in der Lage sind, große Datensätze zu explorieren. Dies wird durch ein System zum Zoomen, Schwenken und Nutzen mehrerer Koordinatenachsen unterstützt, um durch Hunderttausende von Datenpunkten zu navigieren. Die Visualisierungs-Engine unterstützt eine Vielzahl von Formaten, einschließlich Balken-, Linien-, Heatmaps und geografischen Karten. Sie enthält Funktionen für die Echtzeit-Datenüberwachung und die Entwicklung von Desktop-Dashboards zur Verfolgung von Live-Metriken und Trends.