Data Visulisation with Processing

The International Design Week 2025 is over and this first part of the blog will be a recap of my process. I joined the workshop #6—Beyond Data Visualisation with Eva-Maria Heinrich. The goal was to present a self chosen data set on a socio-political topic. I chose a data set on the Co2 emission worldwide per country (https://ourworldindata.org/co2-emissions). The process started with evaluating the data span I want to show and the method of visualisation. Because the task of the workshop was to present data in an abstract way and to step back from the conventional methods, to make the experience more memorable.

Cutting the Data with Python

So to get a specific range of data to make a prototype i used python to cut the csv file to my liking. I used the pandas tool for python to manipulate the file. At first I wanted to compare three countries, but later in the process I realized that this goal was a bit too much for the given time, since I haven’t used python like this before. It was a nice way to get to know the first steps of data analysis with coding.

I created a new csv file with a selected country, in this case it was Austria in a time span from 1900—2023. Now it was time to visualise it.

Let’s get creative!

In my research on how CO2 was being visualised before I looked up some videos of NASA showing how the emission covers the world. I got inspired by this video.

I chose processing to create my own interpretation of visualising emission. In hindsight, there are probably better tools to do that, but it was interesting to work with processing and code some visuals relative to a data set. I created a radial boundary which is invisible. Inside this shape, i let a particle system flow around which is relative to the CO2 emission in the specific year, shown in the top left corner. This visualisation works like a timeline. You can use your LEFT and RIGHT arrow keys to go back and forth in 10 years steps. The boundary expands or be reduced, which depends if the emission of that year is higher or less. The particle system also draws more or less circles, depending on the amount of CO2.

After the workshop was done I tried out other methods to make the particle system flow more and create a feeling of gas and air.

Conclusion

The whole week was a nice experience. I got to try out new techniques and tools and create something i never done have before. A problem I encountered was the time. It’s hard to estimate what you can do, if you try out something completly new. The presentation day at the end was really inspiring and emotional to see what the all the other students have created and talking about their process and results.

Between Space and Sound—How Instruments Can Shape the Room

As an interaction design student, I’m always fascinated by how technology, form, and human experience intersect. Recently, I read the paper “Exploring Design Patterns for Spatial Instruments” by Enrique Tomás, Florian Goeschke, and Martin Kaltenbrunner—and it offered a fresh perspective on how sound can be more than just something we hear. It can be something we shape, move, and play with in space. The authors argue that spatialization tools—the systems and interfaces we use to place and move sound in 3D space—should be considered musical instruments in their own right.

What I liked as a designer

What stood out to me is how the authors focus on the user—how artists and performers find creative ways to control spatial sound, often by reusing or adapting existing tools. It reminded me that great design doesn’t always start from scratch.

I also loved the idea of music as space—that sound can actually shape how we feel in a space, not just exist within it. That concept feels very close to interaction design, where space, experience, and emotion often connect.

Things that could be improved

At times, the paper was very technical and hard to follow, especially the parts about synthesis techniques and mathematical descriptors. As someone without a lot of experience in this field, I found myself getting a bit lost sometimes. I would have loved more diagrams or simple examples to make some of those parts easier to understand.

Also, while the artistic examples are great, I wish there was more discussion about how these instruments could be made more accessible—both in terms of cost and learning curve. A lot of the setups seem very complex or custom-built, which makes it harder for newcomers to try them out.

Interesting Case Study

The most exciting example for me was Tangible Granular Spatialization. It’s a physical object you play with your hands, and the sounds you make are analyzed and broken into small pieces (sound grains). Each grain is sent to a different spot in 3D space based on its timbre. So when you change the texture of your touch, the sound doesn’t just change—it moves differently in space. That’s amazing to me. It turns sound design into a physical, spatial performance.

A tangible score. Photo Elisa Unger

As a designer, it makes me ask:

What other objects could work like this? How can we make sound feel more tactile and intuitive? Can we design interactions where space and sound feel like one thing?

Final Thoughts

This paper reminded me that sound isn’t just something you hear. It can be something you move, something you sculpt, and something that can even shape your perception of a space. As a designer, that inspires me to think beyond screens and apps – and to consider how physical, spatial experiences can become creative tools too.

Source

https://nime.org/proceedings/2024/nime2024_19.pdf

#10 Experimenting with Letterforms: Intersection of 3D Letterforms and Typography

Typography, traditionally limited to two dimensions, has been transformed with the rise of 3D design. With advancements in technology, particularly in digital media, designers can now create typographic elements that seem to leap off the screen, interact with the viewer, and evoke a physical presence. This evolution has opened new possibilities for how text can be used not just as a means of communication but as a dynamic, engaging visual experience.

The Key Drivers of 3D Type

The shift from print to digital has paved the way for 3D typography, allowing designers to create text that feels interactive and lifelike. Advancements in software and rendering tools enable more intricate and realistic 3D designs, while the immersive nature of 3D typography captures attention and enhances user experience. As designers continue to explore new creative possibilities, 3D typography offers an exciting and innovative medium for expression. The future of 3D typography looks bright, with ongoing technological advancements and increasing demand from designers and brands. As augmented reality (AR) and virtual reality (VR) continue to grow, 3D typography will play a crucial role in shaping interactive and immersive experiences. The integration of AI and machine learning could also elevate the creation and use of 3D text, offering even more possibilities for designers.

Amsterdam: i am amsterdam Schriftzug

Experimental 3D typography is revolutionising design by offering new ways to captivate audiences and communicate messages. By pushing beyond traditional typography, designers are crafting innovative and engaging visual experiences. With technology constantly advancing, the potential for 3D typography is boundless, paving the way for an exciting future in this ever-evolving field.

Source:

https://www.instagram.com/p/C6dwkYpMGrl/?igsh=aDZvaWZtNjJmcTVj&epik=dj0yJnU9aDhYM05qNUlMUmZsdDB3QzB3UFU2bjN5Zy02UXJIaDImcD0wJm49aV9zbUlFV0lfVXktTDFQSVh3VlNXUSZ0PUFBQUFBR2VaRENn (img1)

#9 Experimenting with Letterforms: Kinetic Typography

In the last post I spoke about the Variable Font technique. This leads me to another interesting topic which is getting bigger every year and is a widely spread trend in the field of graphic design. Which web technologies evolving and the ability to have a range of a typeface design which can be changed by axis regulation, interesting things can be created. Animating type on screen is not a recent innovation—it originated in the 1950s with the rise of film title design as a creative discipline. However, its popularity has surged dramatically in recent years.

What and Why?

Kinetic typography, or moving text, combines animation with typography to bring letters to life, allowing them to shrink, expand, move, change colors, or distort in creative ways. This technique pushes the boundaries of traditional text, enabling designers to emphasize ideas, evoke emotions, and transform simple text into impactful messages. With modern tools and faster web speeds, creating dynamic text animations has never been more accessible, making it a versatile choice for everything from web design to advertising and delivering memorable visual experiences.

Apple Kinetic Type Campain

Source:

https://www.linearity.io/blog/kinetic-typography

https://www.instagram.com/reel/C0MyGO1L8_T/?utm_source=ig_embed (example2)

#8 Experimenting with Letterforms: Unlocking Design Flexibility with Variable Fonts

The advent of variable fonts has revolutionized web typography, offering unprecedented flexibility and efficiency in digital design. By leveraging CSS attributes, designers can now adjust font weight, style, and width dynamically, eliminating the need to embed multiple font files. This innovation not only enhances creative possibilities but also improves website performance by reducing load times.

Streamlining Web Typography

In traditional web design, each font weight or style required embedding a separate font file, increasing the website’s loading time and potentially impacting user experience. Variable fonts, however, consolidate these styles into a single file. Designers can modify attributes like Light to Bold or Condensed to Extended without loading additional resources. This reduces the strain on bandwidth and ensures faster rendering of text, creating a seamless user experience.

Infinite Possibilities for Creative Expression

Variable fonts provide incredible control over letterforms. For instance, font width can now be adjusted via CSS numeric values without distorting the design’s integrity. This precision ensures that letters maintain their aesthetic quality, avoiding the “stretched” or “compressed” look common with traditional fonts. Beyond width, attributes like stroke thickness, italicisation, slant, and even optical sizing can be customised, opening up limitless design opportunities while preserving the essence of the typeface.

Variable fonts are not just a tool for better performance—they are a canvas for creativity, enabling designers to create dynamic, responsive, and visually stunning typography that elevates the digital experience.

Source:

https://www.lukas-rudrof.de/blog/variable-fonts-potenzial-webdesign (img1)

https://www.clementcases.com/articles/britney-typeface (img2)

#7 Experimenting with Letterforms: Digital Era

The rise of digital technology has broadened the possibilities for experimental typography. With a wide range of design software and tools available, designers can now craft complex typographic works more easily than ever before. The addition of animation and interactive features enhances the experience, making the interface more engaging and dynamic. As digital technology progresses, typographic experiments continue to lead the way in design innovation, influencing how we experience and engage with text in the digital age.

The Freedom of Digital Font Creation

One of the most exciting aspects of experimenting with letterforms today is the ability to design custom fonts with precision and ease. Software like Glyphs, FontForge, and Adobe Illustrator empowers designers to create typefaces from scratch, allowing for unique interpretations of traditional letterforms. Variable fonts take this further, offering dynamic typefaces that can shift weight, width, and slant in real-time, adapting to different contexts and devices. This flexibility opens up endless possibilities for creative exploration in branding, web design, and more.

Interactive Typography: Text Comes to Life

Digital tools enable designers to integrate animation and interactivity into their typographic experiments. Words can morph, rotate, or even respond to user input, creating an immersive experience for audiences. Interactive typography is widely used in websites, apps, and digital art installations, where text transcends static representation to become a living, breathing part of the design. This approach not only enhances engagement but also challenges how audiences perceive and interact with language.

Pushing Boundaries with Digital Layouts

Digital design has revolutionised typographic layouts, allowing for experimentation that was previously impossible in print. Responsive web design enables type to adapt seamlessly to different screen sizes, while tools like Figma and Adobe XD give designers the ability to test unconventional grids and overlapping text. Layering, distortion, and asymmetrical compositions are just a few techniques that designers use to break traditional rules and redefine how letterforms are presented.

Source:

https://medium.com/%40ameermuaviaa116/exploring-experimental-typography-pushing-the-boundaries-of-text-b30fdd2bbf74 (img1)

https://www.monotype.com/resources/introduction-software-type-design?utm_source=chatgpt.com

https://alphaefficiency.com/experimental-typography?utm_source=chatgpt.com (img2)

#5 Experimenting with Letterforms: Analog Experimentation

In an age dominated by digital design, analog typographic experimentation offers a refreshing return to the roots of typography. Before the rise of modern software, typographers had to rely on hands-on techniques to create unique and expressive letterforms. These methods fostered creativity and innovation, giving typography a more tactile, personal, and often unpredictable nature. Today, exploring analog techniques allows designers to reconnect with the craft and push typography in exciting new directions.

Techniques of Analog Typographic Experimentation

One of the most fundamental methods is hand-lettering, where artists use pens, brushes, and other tools to create custom, one-of-a-kind letterforms. This approach allows for great flexibility, with each stroke offering the chance for unique shapes and imperfections. Another powerful method is letterpress printing, where inked type is pressed onto paper to create beautiful texture and depth. The variations in pressure, ink density, and material create a tactile quality impossible to replicate digitally.

Additionally, collage techniques allow typographers to combine cut-up materials such as newspapers, magazines, and textured papers, resulting in dynamic and unconventional compositions. These analog methods embrace imperfection and randomness, leading to work that feels organic and full of life.

The Value of Experimenting with Analog Typography

Analog typography invites experimentation without the constraints of digital precision. Designers can explore different materials and techniques—such as using vintage typewriters, mixing ink with unconventional tools, or even integrating natural elements like leaves or sand. This approach fosters a deeper connection to the craft, encouraging more creative freedom. The resulting designs often have a human touch, making them feel fresh, dynamic, and memorable in a world that often relies on perfect digital renderings. By embracing analog typographic experimentation, designers rediscover the joy of craftsmanship, process, and the beauty of imperfection.

Source:

https://www.itsnicethat.com/features/forward-thinking-rise-of-analogue-080124

https://oa.letterformarchive.org/item?workID=lfa_atypisp_0012 (img1)

#6 Experimenting with Letterforms: Calligraphy

Calligraphy, the timeless craft of beautiful writing, has always been a blend of tradition and innovation. From its historical roots to its modern-day expressions, calligraphy has continually evolved, driven by experimentation with tools, techniques, and materials. Today, it remains a powerful medium of artistic and personal expression, reflecting both cultural heritage and creative exploration.

A History of Experimentation in Calligraphy

Calligraphy has a rich history of experimentation, from ancient Chinese brush scripts to the intricate patterns of Islamic calligraphy and the ornate illuminated manuscripts of medieval Europe. Scribes and artists have always pushed boundaries, adapting their work to cultural and artistic demands by testing new tools, layouts, and styles. This legacy of innovation paved the way for the modern calligraphy movement, where traditional techniques merge with contemporary design.

Techniques and Layouts in Modern Calligraphy

Modern calligraphy embraces a wide array of techniques, from classic pen-and-ink approaches to digital interpretations. Artists experiment with dynamic layouts, using unconventional letter spacing, overlapping strokes, and unique compositions to evoke emotion and energy. Techniques like blending watercolor washes with ink or layering textures add depth and vibrancy to calligraphic pieces, transforming words into captivating works of art.

Materials for Creative Exploration

Traditional calligraphy tools, such as dip pens, brushes, and handmade paper, remain staples, but many artists are embracing unconventional materials to redefine the art form. Pens made from sticks or feathers, inks mixed with metallic powders, and even surfaces like wood, glass, or fabric open new possibilities for creative expression. These materials not only challenge technical skills but also add a tactile dimension to calligraphic designs.

Calligraphy’s enduring appeal lies in its balance of discipline and creativity. By experimenting with layouts, techniques, and materials, artists breathe new life into an ancient craft, ensuring its place in both tradition and innovation. Whether rooted in history or breaking boundaries, calligraphy remains a beautiful reminder of the power of the written word.

Source:

https://www.britannica.com/art/calligraphy/Revival-of-calligraphy-19th-and-20th-centuries

https://www.calligraphy-skills.com/history-of-calligraphy.html

https://www.instagram.com/p/C9SDdUpM3yj (img2)

#4 Experimenting with Letterforms: Typography as Art

When you see or use type as an creative expression, it takes on new roles as artistic creations, blurring the line between text and visual art. By employing techniques like distortion, layering, manipulation, and abstraction, designers infuse typographic elements with bold, avant-garde qualities that turn them into works of art.

This transformation elevates typography into a medium of creative expression, where text no longer serves solely as a communication tool but also as a visual and emotional experience. The result is a form of visual poetry, where each letter and word contributes to a broader artistic narrative.

Type as an Artistic Statement

When typography merges with art, it often carries a bold and impactful message. For instance, painters may incorporate oversized block letters into their compositions to make a striking statement or emphasize a theme. Similarly, street artists frequently use typography to inject playfulness into their work or develop a signature style that becomes instantly recognizable.

This artistic approach to typography allows creators to explore the aesthetic potential of text, pushing boundaries and redefining how we perceive letters. The focus shifts from readability to emotional resonance, creating designs that captivate viewers and invite interpretation.

Experimental typography proves that letters and words are not just tools for communication—they are versatile elements of design and artistic expression. By transcending their conventional roles, typography becomes a powerful medium for storytelling, creativity, and connection. Through this lens, the art of typography continues to inspire and challenge the boundaries of design.

Source

https://medium.com/@ameermuaviaa116/exploring-experimental-typography-pushing-the-boundaries-of-text-b30fdd2bbf74

https://www.baldyandthefidget.com/typography-in-art/?srsltid=AfmBOooB5zkA_kjN6vT6blMXJCsE4EILPJRQid8BLkVagp6Wpk2Tvgw_&v=7885444af42e

#3 Experimenting with Letterforms: The Art of Breaking Rules

Experimental typography gives designers the freedom to break away from conventional rules, enabling them to craft unique and immersive experiences. By exploring unconventional materials, layouts, and compositions, designers move beyond traditional typography, embracing creativity and individuality. While some may question if this is merely “art for art’s sake,” I see it as a vital practice—a way for designers to reconnect with the passion that drives them and to reignite the creative spark. It’s an exercise that breathes life into the craft and inspires new possibilities.

Evoking Emotions

Experimental typography has the power to amplify emotional impact through techniques like distortion, layering, and blending. These methods add depth, complexity, and character to designs. By venturing into the unconventional, designers can tap into the subconscious, leaving a lasting impression and creating memorable experiences for viewers.

Fostering Collaboration

Collaboration is a crucial element of experimental typography. In workshops, I often encourage participants to work with people they’ve never met. This collaborative approach fosters a fresh exchange of ideas and perspectives, allowing diverse skill sets to come together. The result? Unexpected and conceptually rich compositions that would be difficult to achieve in isolation.

Inspiring Innovation

Experimental typography is a driving force for innovation in design. It challenges designers to think outside the box, explore new techniques, and dig deeper into their creativity. By embracing experimentation, designers open the door to discovery, fueling curiosity and driving the evolution of typography.

Experimental typography is more than just a creative exercise—it’s a means of personal and professional growth. It empowers designers to push boundaries, spark new ideas, and create work that resonates on a deeper level. Through this practice, the world of typography continues to evolve, inspiring both creators and audiences alike.

Source

https://hamblywoolley.com/blog/why-experimental-typography-matters