JSCity visualizing JavaScript code

react-three-fiber

Matching an intention with an idea

JSCity

Explaining “The City Metaphor”

The concepts

Azures City Topology from Visualizing Software Systems as Cities

The buildings in the city

Dimensions

Topology

function sum(a, b) {
return a + b
}

function calculate(a,b) {
function log(text) {
console.log(text)
}
log(sum(a, b));
log(minus(a, b));
log(times(a, b));
}

function minus(a, b) {
return a - b
}

function times(a, b) {
return a * b
}

Building the MVP

The first version

Some conclusions

What is next?

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store