30:T575,css = html` `31:[] 2e:{"title":"Cube","cells":[{"id":0,"value":"md`# Cube`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1292,"value":"md`

\n${Buttons}\n

\n${viewof translateZ}${viewof Reset}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1385,"value":"viewof Refresh = html``\n)}\n\n\n `;\n yield view;\n\n d3.select(view)\n .selectAll('button')\n .on('click', function() {\n var cube = d3.select(Cube),\n newClass = 'show-' + d3.select(this).attr('class');\n cube.attr('class', newClass);\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1260,"value":"md`### 3. Z-Translate Slider`","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"viewof translateZ = {\n Reset;\n\n let control = slider({\n title: 'CUBE SPACE',\n min: -150,\n max: 300,\n value: 100,\n description: 'negative values will invert sides'\n });\n yield control;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1375,"value":"md`### 4. Reset Button`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1310,"value":"viewof Reset = html`