About GraphFlow.studio
GraphFlow.studio is a local-first, browser-based workspace for large-scale graph layout, GPU visualization,
and interactive analysis. Explore data in Graph, author films in Flow, compose artwork in Poster, or create short loops in Animation.
The project is a non-commercial research project led by
Renat Gilmanov (opens in a new tab),
designed to demonstrate how complex, user-oriented solutions can be developed rapidly when
grounded in deep, domain-specific knowledge and expertise. It serves as practical proof that
combining strong domain understanding with modern AI techniques enables faster iteration,
higher-quality outcomes, and meaningful real-world impact.
License
GraphFlow.studio is shared for review, discussion, and research evaluation as a protected research solution and product concept.
Written permission is required before reusing, copying, adapting, publishing, or deriving from its design, structure, workflows, implementation, visualizations, document formats, or generated research outputs.
Third-party libraries and assets remain under their own licenses; permission requests are welcome.
Application license (opens in a new tab) · Third-party notices (opens in a new tab)
Navigate
Graph shortcuts apply outside dialogs and text fields. Focus the canvas for Space, arrow keys, and zoom keys. Flow and Animation also use Space to play or pause when their preview is focused.
- Pan
- Drag the background
- Zoom
- Wheel or trackpad
- Select
- Click a node
- Pin a node
- Shift + drag
- Keyboard pan
- Arrow keys
- Keyboard zoom
- + / −
- Run / pause layout
- Space
- Find a node
- /
- Fit graph
- F
- Toggle labels
- L
- Project snapshots
- Ctrl/⌘ + Shift + S
- Undo
- Ctrl/⌘ + Z
- Redo
- Ctrl/⌘ + Shift + Z
- Close dialog / exit workspace
- Esc
Rendering workflow
- 01
Explore fast with straight links and the Fast or Balanced layout preset.
- 02
Refine structure with LinLog, weighted attraction, Fast Barnes–Hut or refinement-profile exact repulsion, and padded overlap controls.
- 03
Finish clearly in the General, Node, and Link style tabs with curved links, category colors, tuned degree sizing, borders, and dynamic titles.
Import data
Open GEXF, GraphML, RDF/XML, Turtle, JSON-LD, Graphology JSON, GraphFlow.studio project JSON, a ZIP containing one graph document or a node/link CSV pair, or mapped CSV files directly.
IDs, labels, positions, direction, weights, and arbitrary attributes are retained where the format supplies them.
Reopening a GraphFlow.studio project also restores its saved layout, appearance, degree sizing, title, categorization, and focus controls.
Project snapshots
Use the restore-point button in the header to save a named local version before a major change.
A snapshot retains the graph, current coordinates, layout and visual controls, camera, category visibility,
selection, Flow edit, Poster artwork, and Animation loop. Restores are integrity-checked and reopen paused so the recovered layout stays exact.
Local data & backups
Autosave, undo, and named snapshots are different safeguards. Browser storage can be cleared, evicted, or unavailable in private browsing; snapshots are not a backup outside this device. Avoid editing the same project in two tabs at once.
Use Settings → Download complete state for a portable copy of the graph and all four workspaces. Keep downloaded backups before clearing site data or making major changes. A Graph-only project export does not replace that complete workspace backup.
Flow video workspace
Choose Flow in the unified Graph / Flow / Poster / Animation workspace switch to turn the current graph into a film without uploading it.
Animate camera, rotation, and graph reveal; choose chronological, seeded-random, field, hierarchy,
degree, or center-out reveal order; then add graph-anchored timed captions, raster images, and node effects such as glow, pulse, targeting, or sibling impulses, plus composition guides and a local soundtrack. The track editor can collapse when the film frame needs more room. Preview and still/video export use the same
browser compositor. Returning to Graph keeps the edit for this project; opening Flow again takes a
fresh snapshot of the live graph while retaining that project’s film settings and timeline.
Relational gravity
The layout turns every accepted relation into attraction while nodes and dense regions repel one another.
Connected records therefore settle into natural neighborhoods, with bridge nodes remaining between them.
This produces automated, topology-driven clustering for knowledge, social, product, scientific, and other
linked data without requiring coordinates or a predefined cluster field. Global gravity keeps the whole
system near its center; it never invents links or changes the source data.
Poster artwork workspace
Choose Poster in the unified Graph / Flow / Poster / Animation switch to transform the settled layout into Luminous Communities, an Editorial Systems Map, or a connection-led Field.
Highlight categories with contour-free soft galaxies, topographic fields, or aurora; choose genuinely distinct luminous, chromatic, or glass node materials; shape color-batched curved or bundled links with independent weight and between-cluster emphasis; then export the complete framed artwork as an exact-resolution lossless PNG, self-contained SVG, or 300 DPI PDF. Slider previews tune quickly and settle automatically to full quality.
Poster settings remain isolated to the current graph project.
Animation social-loop workspace
Choose Animation directly from any workspace to make a short MP4, WebM, GIF, or animated PNG cycle for a post, story, reel, or message without configuring a full film.
Pick a social size, duration, and frame rate; start with a seamless camera recipe; then refine camera keys or add screen-stable captions. The literal-aspect preview supports direct pan, wheel zoom, caption dragging, scrubbing, safe guides, and loop playback. A live budget check keeps local export reliable, and the complete edit remains isolated to the current graph project.
About the layout
Force Layout 2 follows a continuous force-directed model, including adaptive speed,
degree-based mass, O(N log N) Barnes–Hut repulsion in the default Fast profile, optional exact O(N²)
repulsion in the refinement profiles, weighted LinLog attraction, and size-aware anti-collision padding.
Higher theta values trade some precision for speed when approximation is enabled.
Jacomy, M., Venturini, T., Heymann, S. & Bastian, M. (2014).
ForceAtlas2, a Continuous Graph Layout Algorithm for Handy Network Visualization Designed for the Gephi Software.
PLOS ONE 9(6): e98679.
Read the paper (opens in a new tab)
Original music for GraphFlow.studio
Every soundtrack bundled with the application was generated specifically for this project. The collection
was shaped for graph-film pacing, reveal transitions, and smooth camera movement, while Flow still allows
creators to attach and edit their own local audio without uploading it.
Browser support & troubleshooting
Chrome has automated regression coverage. Firefox and Safari need broader manual validation, and export formats depend on the browser, device, and available encoders. If a format is unavailable, choose an offered fallback or reduce the resolution, duration, or frame rate.
Editing does not upload your graph. Bundled projects and music are downloaded as needed; an optional, explicitly enabled native encoder runs locally. Offline reopening requires previously cached resources and is not a substitute for a downloaded backup.
For a reproducible issue, copy privacy-safe runtime details from Settings → Copy support diagnostics. Review any files before sharing them: a complete-state download contains your graph and media.
Support guide (opens in a new tab) · Security policy (opens in a new tab)