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!

Publicités

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.

Fais un vœu

1503pissenlitvirtuel01 1504pissenlitvirtuel02 1505pissenlitvirtuel03[FR] Explication en images de la mini-installation que j’ai fait à la troisième édition de la Bricole It Yourself, le samedi 25 avril 2015. Lorsqu’on souffle sur le capteur posé devant l’ordinateur (en fait, un capteur de température, qui mesure les changements par rapport à la température ambiante de la salle), une petite animation se déclenche sur Processing et le pissenlit virtuel se met à bouger. Merci à Antoine Costes pour son aide. À la prochaine !

[ES] Explicación en imágenes de la mini-instalación que hice en la tercera edición de la Bricole It Yourself, el sábado 25 de abril de 2015. Cuando se sopla sobre el sensor colocado delante del ordenador (en realidad, un detector de temperatura, que mide los cambios respecto a la temperatura ambiental de la habitación), una pequeña animación Processing se activa, y el diente de león virtual se pone a moverse. Gracias Antoine Costes por su ayuda ¡Hasta la próxima!

[EN] Visual explanation of the mini-installation that I made for the third edition of the Bricole It Yourself, on saturday 25th april 2015. When one blows on the sensor placed in front of the computer (in fact, a temperature sensor, that measures changes from the ambient temperature of the room), a short Processing animation is activated, and the virtual dandelion starts to shake. Thanks to Antoine Costes for his help. See you next time!

Tiny Faces

1367tinyfaces01 1368tinyfaces02 1369tinyfaces03 1370tinyfaces04 1371tinyfaces05 1372tinyfaces06[FR] Recherche avec Processing : génération de visages très simples, jusqu’à trouver des ratios intéressants entre yeux, bouche et taille du visage. Travail en cours.

[ES] Investigación con Processing: generación de rostros muy simples hasta encontrar proporciones interesantes entre los ojos, la boca y el tamaño de la cara. Trabajo en curso.

[EN] Research with Processing: generating very simple faces until finding interesting rations between eyes, mouth and face size. Work in progress.

Avant / Antes / Previously: Beards.

Code / Código / Code:

float m1, m2, r1, r2, r3, r4, cx, cy;
import processing.pdf.*;
void setup() {

size(displayWidth, displayHeight);
background(255);
smooth();
frameRate(5);
beginRecord(PDF, « tinyfaces.pdf »);
noCursor();

}
void draw() {

scale(2);
noStroke();
m1 = random(5, 10);
m2 = random(15, 30);
r1 = random(5,10);
r2 = (r1/10)+random(3);
r3 = random(50, 100);
r4 = random(10)-1;
float sc = cx+70;
float st = 100;
cx = mouseX;
cy = mouseY;
fill(#0F056B);
ellipse(cx, cy+m2, r3, r3);
fill(255);
ellipse(cx, cy+m2, r4, r4);
ellipse(cx+m1, cy+m1, r1, r1);
ellipse(cx-m1, cy+m1, r1, r1);
fill(0);
ellipse(cx+m1, cy+m1, r2, r2);
ellipse(cx-m1, cy+m1, r2, r2);

}
void keyPressed() {

if (key == ‘o’) {
endRecord();
exit();
}

}

Super-structures fongiques dans l’espace extérieur

1190hyphalsuperstructures 1191spaceshipplanet 1192hyphalspaceshipcrosssection[EN] Super-structures fongiques dans l’espace extérieur.

Imaginant un vaisseau interstellaire qui n’aurait pas été fait par des humains mais par des champignons intelligents, avec plusieurs super-chambres faites de matière organique solidifiée à l’intérieur desquelles des millions de générations de structures hyphales plus petites pourraient prospérer et produire des spores, en espérant la prochaine infection à échelle planétaire.

[ES] Super-estructuras fúngicas en el espacio exterior.

Imaginando una nave inter-estelar no hecha por humanos sino por hongos inteligentes, con varias super-cámaras hechas de materia orgánica solidificada en las cuales des millones de generaciones de estructuras hifales más pequeñas podrían prosperar y producir esporas, esperando la próxima infección a escala planetaria.

[EN] Fungal superstructures in outer space.

Imagining an interstellar spaceship not made by humans but by intelligent fungi, with several interconnected super-chambers made of solidified organic matter in which million generations of smaller hyphal structures could thrive and produce spores, waiting for the next planetary-scale infection.

Avant / Antes / Previously: Processing Paris.