Experiment with additional auto rotation examples

Author: kasbah

examples/analog/and.json

@@ -17,7 +17,7 @@
       },
       "cells": {
         "r1": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"
@@ -28,7 +28,7 @@
           }
         },
         "r2": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"
@@ -52,7 +52,7 @@
           }
         },
         "r3": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"
@@ -63,7 +63,7 @@
           }
         },
         "r4": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"
@@ -74,7 +74,7 @@
           }
         },
         "r5": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"

examples/analog/common_emitter.json

@@ -13,7 +13,7 @@
       },
       "cells": {
         "r1": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"
@@ -24,7 +24,7 @@
           }
         },
         "r2": {
-          "type": "r_v",
+          "type": "r",
           "port_directions": {
             "A": "input",
             "B": "output"

lib/index.js

@@ -63,14 +63,31 @@ function render(skin_data, yosys_netlist, done) {
 
     const promise = Promise.all(promises).then(graphs => {
 
+        const indexOfMin = graphs.reduce((prev, [g, _], i) =>  {
+            if (g.width <= prev[0])
+                return [g.width, i]
+            return prev
+        }, [Infinity, 0])[1]
+
+
         console.log('<div style="display:flex">')
 
-        for (const [g,m] of graphs) {
-            console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
+        graphs.forEach(([g,m], i) => {
+            console.log(`<div style="border:1px solid ${i === indexOfMin ? 'red' : 'lightgrey'};margin:10px;padding:10px;">`)
             console.log(klayed_out(g, m, skin))
+            console.log('<div style="display:flex">')
+            console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
             console.log('width:', g.width)
             console.log('</div>')
-        }
+            console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
+            console.log('height:', g.height)
+            console.log('</div>')
+            console.log('<div style="border:1px solid lightgrey;margin:10px;padding:10px;">')
+            console.log('area:', g.height * g.width)
+            console.log('</div>')
+            console.log('</div>')
+            console.log('</div>')
+        })
 
         console.log('</div>')