WCCChallenge-DiagramAsArt

For this week's Creative Code Challenge by @sableraph : DiagramAsArt, decided to mix Data Visualization, Creative Coding and World Building for this piece through LiveCodingYoutube, LiveCodeLab(Audio) Hydra, Python, Circuit Diagram

DiagramCommunication

Filmed physical footage
The Diagrams used in this piece are Heatmaps and an Electrical Circuit Diagram
The Heatmaps are coded in Python and the effects for the effects are done with the OilPaint filter as well as coded LivecodingYoutube
For the Electrical Circuit, it was made using Circuit Diagram and the effects and colours are coded with Hydra

Video

Poem

Communication
Between the Dimensions
A routine sending intentions
Rendering elevations
Of information that's bending
As the diagrams stacked their spending
With the air bending sensation 
As the background melts
Within the paradigm of the heatmap
Hidden in the rhymes of the complete app
Round and round with the hand it's dealt
Application of the Communication
That is sending its intention
Beyond the realm and its elevation

Code

Python

#Heatmap

import numpy as np; np.random.seed(0)
import seaborn as sns; sns.set_theme()
import pandas as pd


#different iterations of Heatmap in the Piece
uniform_data = np.random.rand(15,16)

'''
Data Visualization

ax = sns.heatmap(uniform_data)
ax = sns.heatmap(uniform_data,cmap="YlGnBu")
ax = sns.heatmap(uniform_data,cmap="crest")
ax = sns.heatmap(uniform_data,cmap="cubehelix")
ax = sns.heatmap(uniform_data,cmap="Greens")
ax = sns.heatmap(uniform_data,vmin=0.5, vmax=0.7)
ax = sns.heatmap(uniform_data,cmap="cubehelix",vmin=0.5, vmax=0.95)
ax = sns.heatmap(uniform_data,cmap="crest",vmin=0.15, vmax=0.95)
ax = sns.heatmap(uniform_data,cmap="crest",vmin=0.6, vmax=0.95)

'''

LiveCodingYoutube

create(3,3,"W-_UpRk3Id4")
play(all)
loop([0,4,8],5,10)
speed([1,4,6,7],0.75)
speed([2,8],-1.25)

Hydra

s0.initScreen()


src(s0).scale([0.97,1,1.5,2,3,2,1,1.5,1.3]).scrollX([-0.5,0.5,0.25,0.45,-0.3,-0.1,0.1]).add(voronoi([2,3,5,10,50,100,100],[0.5,1,2,3]).colorama([0.5,0.4,0.3,0.2,0.3,0.4,0.7])).out()



s0.initScreen()


src(s0).scale([0.97,1,1.5,2,3,2,1,1.5,1.3]).scrollX([-0.5,0.5,0.25,0.45,-0.3,-0.1,0.1]).add(noise([0.5,1,0.24,0.3],[0.5,1,2,3],0.5).colorama([0.5,0.4,0.3,0.2,0.3,0.4,0.7])).out()

Circuit Diagram ( Final Result)

LiveCodeLab (Audio)


if time % 50 < 25
    bpm 55
    play 'hoover',  '--x- -xx- x  x --x- --x-'
    play "tense" + int(random 8) ,'xx---xx'
    play 'beepA',      '--x- --x-xx- x--x- --x--xx'
    play 'snap',   '--x- -x--x-- -xx- --x--'
    play 'tense',      'x--x  x --x– x -x-- -x--'
    play "pianoRHChord" + int(random 18) ,'xxxx----x----xx'

if time % 50 > 25
    bpm 55
    play "siren" + int(random 7) ,'x'
    play 'voltage',    'x-x- -x-xx- x-xx x-xx x-xx'
    play "pianoRHChord",    'x-x- -x-xx- x-xx x-xx x-xx'
    play 'ciack', '-x-x ---x x-x  x- --xx'
    play "detune"  ,'--x- ------x- -------x'
    play "lowFlash" + int(random 5) ,'x-x-x'
    play "siren" + int(random 15) ,'xx-xx---x'

Code is Poetry & Data is Poetry