u/Artful3000 — reddlx

▲ 232 r/Bahrain+1 crossposts

Popolazione delle regioni italiane paragonata a quella di nazioni

Ciao a tutti,

Volevo fare una mappa simpatica e puramente di trivia senza alcuno scopo, paragonando la popolazione delle nostre regioni con quella di varie nazioni. Spero possa interessare.

Un piccolo caveat - nella zona tra i quattro e i cinque milioni (ossia Piemonte, Emilia-Romagna, Sicilia, e Veneto) ci sono relativamente poche nazioni, quindi il paragone non è precisissimo.

Regioni italiane

Nazioni

u/Artful3000 — 3 days ago

▲ 7 r/react+1 crossposts

SpatialBoard – an MIT, React infinite-canvas/node graph/sketch package

So I've been working on a SaaS over the past couple of months and one of the things that I ended up developing is a multi-mode infinite canvas. It can be used for drawing, node flows, and whatever else you need. The structure is there - and it makes it easy for agents to pick it up and utilize it for vibe-coded (and not vibe-coded) apps. Need a free form editor for your app? Need a collaborative space for your SaaS? SpatialBoard might be a good fit.

P.S. I've open-sourced it, it's MIT - so you can use it for whatever you need.

Find it here: https://spatialboard.hishamkhalifa.com/dev-app/
Repo: https://github.com/hishamk/spatialboard

u/Artful3000 — 3 days ago

▲ 4 r/react+1 crossposts

I open-sourced a React infinite-canvas SDK: whiteboards, wired nodes, and presentations in one engine

I've been working on SpatialBoard — an open-source React + TypeScript infinite-canvas library. Shipped 0.2.0 on npm this week (MIT).

Live demo: https://spatialboard.hishamkhalifa.com/dev-app/
Open the debug panel → load Mission Control or the half adder board.

Repo: https://github.com/hishamk/spatialboard
Install: npm install spatialboard

What it is

One SpatialEngine + <SpatialBoard /> gives you:

Whiteboarding (rough shapes, freehand ink, stickies, text, images, frames)
Custom node types via a registry API (built-ins use the same API)
Optional typed data flow (ports + compute, reactive graph)
Presentations from frames (engine.enterPresentation())
spatialboard/engine — headless entry, no React/CSS

Minimal example:

import { SpatialBoard, SpatialEngine } from "spatialboard";
import "spatialboard/style.css";
import { useMemo } from "react";

export default function App() {
  const engine = useMemo(() =&gt; new SpatialEngine(), []);
  return (
    &lt;div style={{ width: "100vw", height: "100vh" }}&gt;
      &lt;SpatialBoard engine={engine} /&gt;
    &lt;/div&gt;
  );
}

spatialboard.hishamkhalifa.com

u/Artful3000 — 8 days ago