Skip to main content

Crosswalk

A visual mapper for JSON. Put the shape you have on the left and the shape you want on the right, then draw the lines between them.

npm install @crosswalkjs/canvas @crosswalkjs/core

The editor

This is the editor, mapping a person and their phone calls onto a profile. Hover a field to see where it goes, or click an operator to change it.

Loading the editor…
  • What it is

  • A map is JSON

    The editor saves a map as plain JSON, so it can sit in git next to your code. The core package runs it in Node or the browser, with no UI and no dependencies.

  • 41 operators

    Text, numbers, logic, conversions and totals over repeating records. You can take out the ones you don't need and add your own.

  • Works with your framework

    The editor is plain DOM, and the docs have a ready-made component for React, Vue, Svelte, Angular, Solid and Astro. It comes with 14 themes, or you can make your own.

Crosswalk is at 0.1. It works, but the API may change before 1.0. Issues are welcome.