CTRL+ART+DEL 
Computational Aesthetics and Data Visualisation

2024

With Syafiq, Kanupriya

Computational AestheticsData VisualisationInterdisciplinary DesignPresentation Design

This comprehensive project explores the intersection of technology, art, and science through computational aesthetics and data visualisation. CTRL+ART+DEL comprises several interconnected studies, each investigating different aspects of digital creativity and information representation.

Through its various subprojects, aims to reveal the potential of computational tools in creating meaningful representations and harmonising technology with human rhythms and urban spaces. This interdisciplinary approach enhances both technical and conceptual understanding, offering new paradigms for the visual interpretation of complex data sets and bridging the gap between artistic expression and scientific visualisation.


Study I
Pulse, Breathe, Blink

Data Transformation

This study explores the transformation of physiological data into visually compelling representations. Grounded in the principles of Swiss Style design, as exemplified in Armin Hoffmann's "Graphic Design Manual: Principles and Practice" (1965), the project begins with a canvas of fundamental shapes—squares, circles, and triangles.

The research incorporates concepts from mathematics, computer science, physics, and biology to evolve these basic forms into complex visualisations. Employing techniques such as cellular automata systems, Turing patterns, particle systems, Perlin noise, dynamical systems, and flow fields, the study generates intricate, evolving patterns that balance randomness and structure. These methods enable the creation of visually engaging representations that convey physiological data while adhering to the initial constraint of using basic shapes.

Pulse, Breathe, Blink aims to bridge the gap between objective data representation and aesthetic appeal, offering new paradigms for visualising human biological rhythms. It explores how fundamental design principles can be augmented with computational techniques to create dynamic, informative, and visually striking data visualisations.

Study II
Places, Spaces: Embodied Time Of Urban Ecosystems

Data Expression

This study explores the interplay between biometric rhythms, ambient environments, and temporal spaces through a triptych of audiovisual experiences. It examines how urban landscapes interact with human physiological patterns across a day's cycle.

The project unfolds in three acts:

  1. Train (Morning) - Pulse" investigates the synchronisation of cardiovascular rhythms with the awakening city during the morning commute.
  2. Beach (Afternoon) - Breath explores the ebb and flow of urban activity along the shoreline, metaphorically represented through respiratory patterns.
  3. Park (Night) - Blink examines the slowing pace of nighttime urban spaces and its influence on ocular rhythms and physiological states.

Each act transforms ambient audio and video recordings into abstract visuals using various shapes and forms. By converting biometric data into visual and auditory representations, the project illustrates the emotional and physiological connections between the human body and its urban environment.

"Places, Spaces" aims to bridge the gap between urban planning and the intimate experiences of city dwellers, offering new perspectives on the relationship between human biology and urban ecosystems. It provides a unique lens through which to view the rhythms of city life, highlighting the often overlooked connections between our internal clocks and the pulse of the urban landscape.

Study III
Proto-

Procedural Data

This study explores the evolution of visual complexity from algorithmic primitives, manifesting as a dynamic, generative zine. Utilising p5.js and TouchDesigner as computational catalysts, "Proto-" generates artworks that embody the concept of primordial forms from which intricacy emerges.

The project investigates the transformation of basic algorithmic 'genotypes' into sophisticated visual 'phenotypes'. It synthesises visual systems that simultaneously convey complex data, evoke aesthetic responses, and maintain a degree of unpredictability reminiscent of biological growth. By balancing structured data representation with the stochastic beauty of emergent systems, "Proto-" creates a dialogue between order and chaos, simplicity and complexity.

This approach not only expands the boundaries of generative art but also offers novel paradigms for visualising complex data sets. "Proto-" aims to bridge the gap between artistic expression and scientific visualisation, inviting viewers to contemplate the genesis of visual complexity and its parallels with natural processes of growth and differentiation.


Study IV
Blob.io: Art Of The Computer

Sensor Data

This study explores the intersection of physical computing and digital art, manifesting as an interactive painting experience. Utilising Arduino and p5.js, "Blob.io" creates a bridge between tactile input and generative digital art.

The project employs a unique setup: an Arduino button generates digital 'blobs', a potentiometer controls the virtual paintbrush size, and a spacebar toggles through colour palettes. This configuration translates physical gestures into digital brush strokes, blending traditional painting techniques with computational outcomes. The implementation of Perlin noise for blob evolution adds an element of organic fluidity to the digital forms.

"Blob.io" investigates how sensor data can be transformed into visual art, drawing inspiration from diverse sources such as supernova colours, art movements, and natural phenomena. By synthesising these influences into vibrant, diverse colour palettes, the project offers a novel platform for creative expression. It aims to explore the potential of human-computer interaction in art creation, inviting users to contemplate the relationship between physical action and digital outcome in the context of generative art.



References

Reas, C., & Fry, B., "Processing: A Programming Handbook for Visual Designers and Artists" Shiffman, D., "The Nature of Code: Simulating Natural Systems with Processing"
Maeda, J., "Design by Numbers"
Pearson, M., "Generative Art: A Practical Guide Using Processing"
Klanten, R., et al., "Data Flow: Visualising Information in Graphic Design"
Bohnacker, H., et al., "Generative Design: Visualize, Program, and Create with JavaScript in p5.js"
Tufte, E. R., "The Visual Display of Quantitative Information"
Galanter, P., "What is Generative Art? Complexity Theory as a Context for Art Theory"
Boden, M. A., & Edmonds, E. A., "What is Generative Art?"
Lima, M., "Visual Complexity: Mapping Patterns of Information"
Burrough, X., & Manouach, I., "Computational Arts-Based Research and Theory"
Levin, G., & Brain, T., "Code as Creative Medium: A Handbook for Computational Art and Design”