Comic Viz: Comic Con logo as inspiration for Data Art

24 agosto, 2026 | by Edwin Mendivil Barceló

A Data Art project that recreates the Comic Con logo as a Custom Chart using Marvel and DC characters data. It might be named as a Brand Data Visualization Badge/Product

TYPE: Data Art  |  TOOLS: R, Javascript (P5.js)  |  CLIENT: Personal  |  YEAR:  2024

 

Comic Viz Marvel 16 characters

The Mix: A Logo + Character Data

I had already worked previously with data about heroes. So it came to my mind the Comic Con Logo, which is basically a hero’s eye. The dataset contains data of eye color for Marvel and DC Characters.

I asked myself What if the Comic Con Logo changes based on the eye color of the heroes?. I got a Dataviz/Data Art project on my hands.

 

Recreating the Comic Con Logo as a Custom Chart

As this project is just a concept, I couldn’t replicate the logo exactly, same eye drawing, tipography?, not allowed!. So I looked for on internet a similiar heroe’s eye (for men and women) and font for the text.

Converting Comic Con logo to Comic Viz Chart

The Changes I made

  • Comic Con text => Comic Viz (the Viz, becuse is of course a dataviz)
  • The eye => a similar one, but also adding the eye of a woman, due to the dataset contains also female characters. This was drawn in javascript, vertex points in p5.js.
  • San Diego text => replaced by the name of the heroe.

So the outcome is a grid of custom charts  with  the, name, eye color and the drawing indicates the sex of the character.

 

An Event Badge based on Data for Branding

It is a concept that can be used by brands, mixing or changing an element of the logo with data. What if in the Comic Con, every participant get a random data badge that comes with the name and eye color of one of the thousand charactes of Marvel and DC Comics?.  Yeah that is Comic Viz about

Data Event Badge ConceptAn Event Data Badge Concept in a Comic Conference

 

 

Foto autor

Edwin Mendivil Barceló

@vizualdatos

Visualizaciones recientes

Ciudad de la Creatividad

Convierto información compleja en historias visuales interactivas a través del análisis de datos, el diseño y la programación.
Power BI | Tableau | Rstats | Javascript
Dashboards Efectivos | Scrollytelling | Arte Con Datos

  • vizualdatos@gmail.com
  • Celular/Whatsapp: +573126643835
  • Bogotá, Colombia