Skip to content

v0.6.0: Introducing Data & Visualizer Studio

Choose a tag to compare

@darknecrocities darknecrocities released this 05 Jul 16:23

Release v0.6.0: Introducing Data & Visualizer Studio

We are thrilled to roll out v0.6.0, introducing the all-new Data & Visualizer Studio category! This suite adds 10 interactive, local-first utility tools designed to make offline data aggregation, UI layout design, database schema sketching, and privacy scrubbing seamless—running 100% client-side inside your browser sandbox.


📊 What's New: The 10 Visual Utilities

1. JSON Chart Builder

Translate raw JSON arrays into responsive interactive charts (Bar, Line, Pie, and Radar) offline:

  • Choose coordinate palettes (Emerald, Blue Lagoon, Sunset, Purple).
  • Toggle background grids and spline curve smoothing.
  • Export generated charts directly as SVG vector files or copy code.

2. CSV Pivot Table Analyzer

Analyze and run aggregates on complex CSV documents locally:

  • Define Row Groupings and Column Groupings.
  • Select aggregates (SUM, COUNT, AVERAGE, MIN, MAX) and compute grand totals.
  • Export the matrix back as a CSV.

3. Visual CSS Keyframe Animator

Build custom CSS animations on a timeline:

  • Adjust keys (0% to 100%) and apply transforms (translate, rotate, scale, skew, opacity, blur).
  • Use the interactive curves editor for custom easing presets.
  • Get instant, copy-pasteable CSS code.

4. Log Pattern & Analysis Dashboard

Parse logs (Nginx Combined, Apache, or custom formats) on the fly:

  • Break down error rates, warning counts, and client IP addresses.
  • Filter logs by level or search terms.

5. Interactive ER Schema Designer

Visual database modeler:

  • Design tables and map attributes (Integer, Varchar, Timestamp, Boolean).
  • Draw relationships visually with drag-and-drop foreign key connectors.
  • Export DDL scripts for PostgreSQL, MySQL, and SQLite.

6. SVG Vector Path Inspector

Vector coordinate editor:

  • Paste d="..." paths and visualize them in a grid map.
  • Interactively click to add points, drag vertices, and configure quadratic bezier curves.

7. Regex Data Extractor & Table Builder

Isolate fields from bulk unstructured text:

  • Input regular expressions with capture groups.
  • Tabulate matches with group column offsets and export as CSV tables.

8. Interactive Flowchart & Mind Map Maker

Outline hierarchy in simple markdown lists:

  • Automatically compiles lists into visual, zoomable SVG tree diagrams.
  • Exporters for clean vector graphics.

9. CSS Grid Template Builder

Configure CSS grid structures visually:

  • Drag and merge grid cells to define custom areas.
  • Copy container and children layout code with one click.

10. Data Masker & Privacy Anonymizer

Scrub PII from databases before sharing:

  • Define key mapping rules (mask, hash, or replace with mock records like random names/phones/emails).
  • Export fully anonymized datasets with zero leakage.

🔒 Offline & Local First

As with all DomoDomo updates, your data never leaves your computer. No charts are sent to external APIs, and no logs or database schemas are tracked on remote servers.

🐳 Docker Integration (Contributor Update)

  • Huge thanks to Mr. Innoh Reloza for contributing the new Docker Compose setup! You can now spin up the frontend, backend, and MCP server in a single command (docker compose up --build).
  • Author: Arron Parejas has published the full setup guide in the Domo Blog.

⚙️ How to Update

Pull the latest commits from the main branch and restart:

git pull origin main
npm install
npm run dev