Generative Art with Javascript and Hal9

published12 days ago
3 min read

Hey There,

This week in Hal9, we are showcasing what you can do with Javascript and Generative Art. You can view the pipeline here.

Generative Art With Javascript and Hal9

Generative Art Built with JavaScript on Hal9

Art has been part of our culture for thousands of years as a form of expression, representing different generations of our culture. As our culture changes, the art that it produces changes as well, letting us see the projection of the ideas of the time. Nowadays, we live in a generation with technology that is able to create art by itself, or generative art.

What is generative art?

Generative art is essentially art created by an autonomous system, such as a machine. The way in which generative art is created can differ, usually through random generations or certain algorithms used to make patterns.

Although it would seem that the autonomous system does everything in the making of the generative art, we need to remember that these systems need to be coded by someone, and because of that, the author can always control what kind of art is generated. Simplicity and complexity are up to the author of the art.

Generative Art Built with Javascript on Hal9

A brief history of generative art

The first examples of generative art date back to the 1960s with artists like Georg Nees in 1968. Nees’ piece titled ‘Schotter’ had a 12 row grid with increasing random rotation. This piece could have also easily been adjusted with a few changes in code, but it is an impressive beginning to the field.

Around those years, Frieder Nake, Michael Noll, and Georg Nees were exploring the potential of generative art, and they were not the only ones that were pioneering generative art at the time. Vera Molnár and Lillian Schwartz also got involved in the process of generative art, making their own creations as a way to express their visions.

There were also some interesting events in the history of generative art, such as the creation of the platform of "Design By Numbers '', by John Maeda, which was a platform made so that artists and designers could explore programming. This platform grew into what today is called "Processing", which had the same concept of learning to code in the context of visual arts, making the generative art more accessible to everyone. That was a big accomplishment in the history of generative art, as those programs grew with time to be able to handle a lot more work and therefore more complicated algorithms.

But it got even more interesting with the introduction of Artificial Intelligence to generative art. In 2014, Ian Goodfellow came up with the idea of GANs, which were composed of two neural networks, which were programs designed to work to think like a human brain. Basically, these programs are made to train themselves to make better art, or at least good enough to give the illusion of reality.

Generative art with Hal9 and Javascript

The difficulty of creating generative art depends on what kind of art is being generated. Being able to easily visualize it greatly aids in the creation process. Using Hal9 to visualize generative art made with javascript lets you see a preview of the art very easily, as you can view what is being generated as you code it.

Generative Art Built with Javascript on Hal9

Truth be told, this art was generated using a lot of custom code with javascript and not a specific Hal9 block. Creating custom blocks to make generative art can be done, but those don't exist just yet. However, this doesn't mean you can't create your own code to generate your own art, but you will need to have some knowledge in javascript for that.

In this particular example, we use custom code to generate either lines or circles; but we spiced things up a bit by adding depth, transparency and clusters. The depth is random and gets rendered with gaussian blur to create the illusion of depth. Transparency is arbitrarily applied to elements, makes it more interesting. Finally, to produce some more noticeable structure, we randomly generate areas of interest and cluster the lines and circles inside them. There are many other techniques to consider, if you are interested in learning more, take a look at the book Generative Art: A Practical Guide Using Processing

Uses of generative art

Generative art may not be replacing human artists any time soon, but it can lead to very interesting visual effects, especially with more complex algorithms. But it doesn't stop there, as much as it can be used for the love of the art itself, it can also be used as a potential candidate to generate the profitable yet controversial NFTs, which can be sold on places such as

About Hal9

Hal9’s Interface provides you with various types of charts, transformations and ready-to-use AI models to analyze data with ease.

If you are interested in using AI models in your data analysis, please give a try and let us know what you think. If you’re ready for a bigger challenge, you can create entirely new transformations, visualizations or predictive models, and contribute them to our open source GitHub repository.

We also have a Twitter Hal9 account, worth following to learn more about Artificial Intelligence, visualizations, and data analysis.

I respect your privacy. Unsubscribe at any time