Queer Hackaton 2019

1881queerhack011882queerhack021883queerhack031884queerhack041885queerhack051885queerhack06

[FR] Le week-end dernier j’ai participé au Queer Hackaton (édition 2019) organisé par l’équipe de la Queer Week, qui a eu lieu au Carrefour Numérique de la Cité des Sciences de Paris. Des sociologues en lien avec l’association Caelif on fait une enquête sur le bien-être des jeunes LGBT+ en France, des data-scientists ont analysé les données, et moi j’ai interprété visuellement quelques-uns des résultats.

J’ai crée un sketch sur Processing pour créer des histogrammes et ensuite un autre pour créer des histogrammes avec des sous-catégories. Ensuite, j’ai codé un sketch OpenScad qui permet de transformer des histogrammes avec des catégories simples en fichiers pour l’impression 3D.

De cette manière, à partir de données connues, on arrive à : 1) générer des graphiques de manière dynamique (les graphiques et textes s’adaptent automatiquement au format) en format .pdf. Les fichiers .pdf peuvent être ensuite distribuées, édités (si besoin), imprimés ou utilisés pour générer des images pour le web. 2) Créer des infographies comme des objets physiques, qui peuvent être utilisés pour expliquer des proportions à des personnes malvoyantes à partir des informations haptiques, par exemple.

Vous pouvez télécharger les fichiers produits pendant le week-end ici.

Merci !

[ES] El pasado fin de semana participé al Hackaton Queer (edición 2019) organizado por el equipo de la Queer Week, que tuvo lugar en el Carrefour Numérique de la Cité des Sciences de París. Sociólogas asociadas a la asociación Caelif habían estado investigando el bienestar de los jóvenes LGBT + en Francia, luego científicos de datos estuvieron analizado los datos y luego yo interpreté visualmente algunos de los resultados.

Creé un sketch de Processing para crear histogramas y luego otro para crear histogramas con subcategorías. Luego, escribí el código de un sketch de OpenScad que permite transformar histogramas con categorías simples en archivos para la impresión 3D.

De esta manera, a partir de datos conocidos, podemos: 1) generar infografías dinámicas (los gráficos y el texto se adaptan automáticamente al tamaño del documento elegido) en formato .pdf. Los archivos PDF pueden ser distribuidos, editados (si es necesario), imprimidos o usados para generar imágenes para internet. 2) Crear infografías en forma de objetos físicos, que pueden ser usados luego para explicar una cierta proporción a personas con discapacidad visual a partir de información táctil, por ejemplo.

Puedes descargar los archivos producidos durante el fin de semana aquí.

¡Gracias!

[EN] Last weekend I participated to the Queer Hackaton (2019 edition) organized by the Queer Week team, which took place at the Carrefour Numérique at the Cité des Sciences in Paris. Sociologists in association with the Caelif association had been investigating the well-being of LGBT + youth in France, data-scientists analyzed the data, and I interpreted some of the results visually.

I created a sketch on Processing to create histograms and then another to create histograms with sub-categories. Then, I coded an OpenScad sketch that makes it possible to transform histograms with simple categories into files for 3D printing.

This way, from known data, we can: 1) generate dynamic charts (graphics and text automatically adapt to the chosen format) in .pdf format. Pdf files can then be distributed, edited (if necessary), printed or used to publish images for the web. 2) Create infographics as physical objects, which can be used to explain a certain relation to visually impaired people by using haptic information, for example.

You can download the files produced during the weekend by clicking here.

Thank you!

Bae

1663blockhaus-bae

[FR] Modification du contraste et de la hauteur des traverses des lettres suivant une suite géométrique. Travail en cours.

[ES] Modificación del contraste y de la altura de las barras de las letras según una serie geométrica. Trabajo en curso.

[EN] Modification of the contrast and of the height of the bars of the letters following a geometric sequence. Work in progress.

Avant / Antes / Previously: Blockhaus.

Blockhaus

1657blockhaus1658graffitiblock1659blockhaussketch1660blockhaus-rad

[FR] Blockhaus est un projet de fonte adaptative codée sur Processing. Inspirées à partes égales par l’art pixelisé et par le graffiti, les lettres de Blockhaus peuvent s’adapter à n’importe quel taille d’image, avec l’objectif de le couvrir entièrement. Après des nombreuses tentatives, j’ai trouvé une fonction logarithmique qui permet de varier le contraste des lettres en fonction de la largeur du document. Travail en cours.

[ES] Blockhaus es un proyecto de tipo de letra adaptativo, escrita sobre Processing. Inspiradas a partes iguales por el arte pixelizado y por el graffiti, las letras de Blockhaus pueden adaptarse a cualquier tamaño de imagen, para así cubrirlo totalmente. Después de numerosas pruebas, encontré una función logarítmica que permite variar el contraste de las letras en función de la anchura del documento. Trabajo en curso.

[EN] Blockhaus is a responsive typeface project based on Processing. Inspired by pixel art as well as by graffiti, the letters of Blockhaus can adapt to any image size, covering its surface entirely. After many tests, I found a logarithmic function that allows to vary the contrast of the letters according to the width of the document. Work in progress.

Physarum Type – Final

919physarum-type-final01 920physarum-type-final02 921physarum-type-final03 922physarum-type-final04 923physarum-type-final05 924physarum-type-final06 925physarum-type-final07 926physarum-type-final08 927physarum-type-final09 928physarum-type-final10
929physarum-type-animation

930physarum-type-affiches01

931physarum-type-affiches02

[FR] Qu’est-ce qui se passerait si le design graphique était (littéralement) vivant ? Physarum type est un projet aux frontières entre la biologie et le graphisme. En utilisant une fonte dessinée par ordinateur, j’ai guidé des microorganismes qui poussent en forme de réseau, jusqu’à générer des formes typographiques inédites. De cette manière, je crée un lien entre l’expérimentation graphique et la recherche scientifique, comme un certain reflet des dernières tendances en biologie indépendante (le mouvement DIYBio).

Images de la version finale de mon projet de fin d’études, sous forme d’une série d’affiches, qui consiste en la création d’une fonte typographique et l’utilisation de l’amibe Physarum polycephalum pour récréer des formes inédites à partir d’elle. Merci à La Paillasse pour leur aide au long de ce projet.

[ES] ¿Qué pasaría si el diseño gráfico estuviera (literalmente) vivo? Physarum type es un proyecto en la frontera entre la biología y el diseño gráfico. Utilizando una fuente dibujada por ordenador, guié microorganismos que crecen en forma de red, hasta generar formas tipográficas inéditas. De esta manera, he creado un vínculo entre la experimentación gráfica y la investigación científica, para reflejar las últimas tendencias en biología independiente (el movimiento DIYBio).

Imágenes de la última versión de mi proyecto de fin de estudios, bajo la forma de una serie de carteles, que consiste en la creación de una fuente tipográfica y la utilización de la ameba Physarum polycephalum para crear formas inéditas a partir de ella. Gracias a La Paillasse por su ayuda a lo largo de este proyecto.

[ENG] What would happen if graphic design was (literally) alive? Physarum type is a project at the border between biology and graphic design. Using a computer-drawn font, I guided micro-organisms that grow in form of networks, until they generate inedit typographic shapes. This way, I’ve created a link between graphic experimentation and scientific research, as a way to reflect new trends in independent biology (the DIYBio movement).

Images of the final version of my end of studies pojects, as a series of posters, which consists in the creation of a tyface and the use of the amoeba Physarum polycephalum to generate original shapes from it. Thanks to La Paillasse for their help during this project.

Instructions / Instrucciones / Instructions : Physarum type @ La Paillasse Wiki [FR]

Lire la suite

Processing Paris

823processingparis01

824processingparis02

825processingparis03

826processingparis04

[FR] Aujourd’hui, séance de processing avec Nicoptère et le Free Art Bureau au Batofar (Paris). De l’art, du fun et du code à deux mètres sous l’eau. Merci !

[ES] Hoy, sesión de processing con Nicoptère y el Free Art Bureau en el Batofar (París). Arte, diversión y código a dos metros bajo el agua ¡Gracias!

[ENG] Today, processing session with Nicoptère and the Free Art Bureau at the Batofar (Paris). Art, fun and code six feet underwater. Thanks!

Coder de la Typographie

Fuente a partir de código.

[FR] Processing n’est pas le logiciel le plus indiqué pour créer des caractères mais il est possible de le faire. Tous les lettres sont générées uniquement à partir d’instructions écrites. Travail en cours.

[ES] Processing no es el programa más adecuado para crear caracteres pero es posible hacerlo. Todas las letras son generadas a partir de instrucciones escritas. Trabajo en curso.

[ENG] Processing is not the ideal program to create characters but it’s possible to do it. All letters are generated from written instructions. Work in progress.

Retour à La Paillasse

Labo loco

[FR] Hier je suis retourné à La Paillasse, le laboratoire citoyen dédié à la biologie, qui est accueilli actuellement par le /tmp/lab à Vitry sur Seine. En ce moment, nous sommes en train d’organiser un réseau de hackerspaces liés à la biologie (diybio.eu) à niveau éuropéen. Sinon, le laboratoire est toujours ouvert pour toutes les personnes qui s’intéressent à la biologie et au DIY.

[ES] Ayer volví a La Paillasse, el laboratorio comunitario de biología, que está acogido actualmente por el /tmp/lab en Vitry sur Seine (Francia). En este momento, estamos organizando una red de hackerspaces ligados a la biología (diybio.eu) a nivel europeo. Además, el laboratorio sigue abierto para todas las personas que se interesan por la biolgía y por el « hazlo tú mismo ».

[ENG] Yesterday I went back to La Paillasse, the community biology lab, which is currently hosted by the /tmp/lab at Vitry sur Seine (France). In this moment, we are organising a network of hackerspaces linked to biology (diybio.eu) at an European level. By the way, the lab is always open to those interested in DIYbio.

Avant/Antes/Previously: DIYbio Kickoff Meeting.

[FR] Par ailleurs, j’ai commencé à faire des expériences avec la biblithéque Flob pour Processing, qui permet de détecter et identifier (faire du tracking) des différents zones de contraste (blobs) sur une entrée vidéo. Pour qu’elle marche, il faut tenir en compte plusieurs facteurs :

1 ) Elle ne marche pas sur la dernière version de Processing, mais elle le fait sur la version 1.5 (voir Stable Releases).

2 )Pour qu’elle marche (après avoir reçu l’erreur The Constructor Flob […] is undefined) j’ai du remplacer cette partie du code :

flob = new Flob(this, video, width, height);

par celle-ci :

flob = new Flob(video, width, height);

3 ) Les zones à détecter doivent être des objets clairs sur un fond foncé. Je suis en train de chercher une manière d’inverser ce rapport.

[ES] En otro orden de cosas, he empezado a experimentar con la biblioteca Flob de Processing, que permite detectar e identificar (hacer tracking) diferentes zonas de contraste (blobs) de una entrada de vídeo. Para que funcione, hay que tener en cuenta los siguientes factores:

1 ) No funciona sobre la última versión de Processing, pero sí sobre la versión 1.5 (ver Stable Releases).

2 ) Para que funcione (después de recibir el error The Constructor Flob […] is undefined) tuve que reemplazar esta parte del código:

flob = new Flob(this, video, width, height);

por ésta:

flob = new Flob(video, width, height);

3 ) Las zonas a detectar deben ser objetos claros sobre un fondo oscuro. Estoy buscando una manera de invertir esta relación.

[ENG] Other than that, I’ve started experimenting with the Flob library for Processing, that allows for blob (contrast zones) multi-tracking on a live video input. In order for it to work, one has to take in account the following parameters:

1 ) It doesn’t work on the last version of Processing, but it does on version 1.5 (see Stable Releases).

2 ) For it to work (after receiving the The Constructor Flob […] is undefined error) I had to replace this part of the code:

flob = new Flob(this, video, width, height);

for this one:

flob = new Flob(video, width, height);

3 ) The areas to be detected must be light objects on a dark background. I’m looking for a way to invert this relation.