Gallica est la bibliothèque numérique de la Bibliothèque Nationale de France et de ses partenaires. Depuis 1997, la plateforme propose l'accès à environ 5 millions de documents comprenant des manuscrits, des images, de l'audio ou de la vidéo. Durant ce workshop nous explorons la masse de données dont la plateforme dispose et verrons la manière dont les documents sont traités, classés et archivés sous forme de notices. Enfin nous imaginerons un moyen visuel permettant de représenter, appréhender et comprendre ces archives.
À partir des ressources fournies, vous selectionnerez un type de document et en réaliserez une visualisation de sa liste de document. Votre travail se basera sur une étude de cette liste de données choisie pour définir votre axe de représentation. Vous pourrez ainsi choisir de représenter l'évolution de la base de données selon la date d'ajout des document ou encore représenter les rapports de proportions entre les dates de publication, contributeurs ou éditeurs de cette liste de données.
Vous travaillerez en groupe de 2 à 3 personnes. Votre travail se présentera sous la forme d'une visualisation statique image et non interactive respectant le format fourni. Vous pourrez utiliser l'ensemble de outils à votre disposition pour réaliser votre visualisation de données (suite Adobe, 3D, illustration, programmation...) Vous imaginerez également un support physique adapté à une présentation physique de votre visualisation dans un espace (poster, scénographie, livre, interface...) et en réaliserez la maquette. Enfin vous réaliserez un document de présentation de votre travail y présentant :
- Le choix de vos données
- L'analyse que vous avez réalisé de celles-ci, le choix de vos critères de représentation et leur pertinence
- Vos recherches graphique et leurs explications
- Présentation de votre visualisation de données
- Présentation de son support physique
Exemple : Data Items: A Fashion Landscape at The Museum of Modern Art, Giorgia Lupi
- Taille : Libre
- Format : PNG, 150DPI
- Nombre de document : autant que vous le définirez
- Taille : Libre
- Format : PNG, 150DPI
- Nombre de document : autant que vous le définirez
- Format : PDF
- Footer : Noms et prénoms des personnes composant votre groupe + logo e-art sup + logo BNF + logo Gallica (voir ressources)
Le workshop se déroulera du 13 au 17 Mai de 09:00 à 18:00. Le suivi enseignant aura lieu tous les matins de 09:00 à 12:00. Les après-midi seront dédiés au travail en autonomie. L'enseignant sera également disponible dans le locaux de l'école de 14:00 à 17:00.
Date | Matin (09:00 - 12:00) | Après-Midi (14:00 - 17:00) |
---|---|---|
13/05/18 |
|
Travail en autonomie + disponibilité enseignant sur place |
14/05/18 | Une première approche de la datavisualisation | Travail en autonomie + disponibilité enseignant sur place |
15/05/18 | Dessiner en Javascript : Introduction à P5JS et au format JSON | Travail en autonomie + disponibilité enseignant sur place |
16/05/18 | Suivi de production | Travail en autonomie + disponibilité enseignant sur place |
17/05/18 | Recette graphique avant jury | Présentation et Jury (15:00 - 17:00) |
Durant cette session, le 14/05, nous étudierons le process de création d'une visualisation de données. Nous verrons différents modèles graphiques permettant différente approches comparative, géographique, de relation ou de temps. Nous verrons également comment les principes du design graphiques (Gestalt) peuvent nous aider à construire notre visualisation.
Enfin nous étudierons le format (JSON) et la classification de nos données afin de mieux comprendre cette dernière.
Ressources :
- Gallica, présentation par Cecile Quach; BNF
- Une histoire de la datavisualization
- Une approche de la datavisualization
Durant cette session, le 15/05, nous effectuerons une introduction au créative coding par l'utilisation de P5JS. Nous apprendrons à dessiner des formes de bases, à manipuler des couleurs et à réaliser des pattern. Nous reverrons également les principes de bases de la programmation telles que la condition, la boucle for ou les tableaux. Nous verrons également comment importer, lire et utiliser nos données au format JSON pour alimenter notre visuel. Enfin nous verrons différentes méthodes nous permettant d'exporter notre creation au format bitmap ou vectorielle afin de travailler notre visuel dans un logiciel d'édition.
Ressources :
- Image exporter from p5js (High Res bitmap and vector images)
- Introduction à la Data Art avec p5JS, Alexandre Rivaux
- Programming design system, Rune Madsen
- Pour plus de ressources voir sections ressources
La session de 16/05 sera dédiée au suivi de projet et à l'échange cross-groupe. Nous échangerons ensemble et entre groupe sur les approches visuel de chacun afin de réaliser un premier retour sur nos approches. Nous en profiterons également pour revoir certaines connaissance si necessaire.
Durant cette session, le 17/05, nous réaliserons la recette graphique de chaque production permettant ainsi de réaliser les derniers retours necessaires à la meilleure compréhension de vos visualisations. Durant cette matinée, chaque groupe rédigera et assemblera son document de présentation. Vous profiterez également du début de l'après-midi, avant la présentation jury, pour répéter votre présentation oral.
Le lien suivant permet d'accéder au listing de données Gallica exporté en Avril 2019 : Gallica-Avril2019 L'ensemble des fichiers sont au format JSON et on été exporté à partir de l'API OAI-PMH de la BNF Le dossier est organisé de la manière suivante :
- AllData : Dossier comprenant l'ensemble des données par type de document au format JSON
-
- Audio : 47 492 documents
-
- Cartes : 63 750 documents
-
- Images : 332 199 documents
-
- Images-cartes : 0 documents
-
- Images-estampes : 81 389 documents
-
- Images-dessins : 34 674 documents
-
- Images-photographie : 169055 documents
-
- Images-objets : 0 documents
-
- Manuscrits : 81 126 documents
-
- Monographie : 476 304 documents
-
- Objets : 179 663 documents
-
- Partitions : 47 689 documents
-
- Periodiques : 2 806 122 documents
-
- Vidéos : 1 306 documents
- Sorted : Dossier comprenant l'ensemble des données par type de document au format JSON trié par :
-
- Contributeurs
-
- Date (de publication)
-
- Date d'ajout à la bibliothèque numérique (datestamp)
-
- Editeurs
-
- Source
Chaque document est représenté par la notice suivante :
- date : date de publication
- datestamp : date d'ajout à la bibliothèque numérique
- identifier : identifiant numérique permettant d'accéder au document Gallica
- publisher : editeur
- contributor : auteur
- source : bibliothèque source du document
- title : Titre de l'oeuvre
- relation : relation avec d'autre oeuvre ou notice du catalogue
{
"date": "1880-12-20",
"datestamp": "2019-04-24",
"identifier": "http://gallica.bnf.fr/ark:/12148/bpt6k2081952q",
"publisher": " (Paris)",
"source": "Bibliothèque nationale de France, département Droit, économie, politique, GR FOL LC2-1647",
"title": "L'Union : La Quotidienne, La France, L'Écho francais",
"relation": "Notice du catalogue : http://catalogue.bnf.fr/ark:/12148/cb32882940w"
}
- Gallica, présentation par Cecile Quach; BNF
- Une histoire de la datavisualization
- Une approche de la datavisualization
Les livres suivants sont à votre disposition auprès de l'administration de l'école. Ces livres faisant partie de ma bibliothèque personnelle, ils ne sont disponible que pour une consultation sur place uniquement et doivent être rendu chaque jour à l'administration.
Type | Titre | Auteur |
---|---|---|
Référence | Information is beautiful | David McCandless |
Référence | Beautiful Visualization | Julie Steele & Noah Iliinsky |
Référence | Dear Data | Giorgia Lupi & Stefanie Posavec |
Référence | Visual Complexity | Manuel Lima |
Référence | The Minard System | Sandra Rendgen |
Référence | Data Flow | Robert Klanten, Nicolas Bourquin, Thibaut Tissot & Sven Ehmann |
Technique | Visualizing Data | Ben Fry |
Technique | Design Génératif | Hartmut Bohnacker, Benedikt Groß, Julia Laub, Claudius Lazzeroni |
Technique | Data-Driven Graphic Driven | Andrew Richardson |
Technique | Creative Coding im Web generative gestaltung | Hartmut Bohnacker, Benedikt Groß, Julia Laub, Claudius Lazzeroni |
- IBM Design Language: data visualization guideline, Accurat studio
- The data visualization catalogue: a library of different information visualization type
- Introduction to Data visualization: From Data to Design, Nicholas Felton
- Artist in the library: a podcast for data, archival & library afficionados, Jer Thorp
- Television collection of the Netherland institue for Sound and Vision
- Kantar information is beautiful awards
- Visual Complexity
- Information is Beautiful
- Visualising Data
- Programming Data Visualizations: A Coding Toolkit for Processing, Nicholas Felton
- Designing Data Visualizations: Getting started with processing, Nicholas Felton
- Programming design system: a practical guide to the new fundation of graphic design, Rune Madsen
- Creative Coding 2018 : introduction à la programmation créative avec p5j, Alexandre Rivaux & Max Vermesh
- Generative Design : Introduction au design generative et aux moteurs physiques avec p5j, Alexandre Rivaux
- Introduction au Graphisme Dynamique, Design d'interface multimédia et internet, Université Paris 13, Alexandre Rivaux
- The Coding Train: a channel for creative coding tutorial, Daniel Shiffman
- Learning Processing
- Hello.p5js.org
- The New York Public Library: a visualization of 187K digital items in the public domain
- Visualising the Royal Photographic Society collection
- Generous Interfaces
- Death in Syria
- Dataviz: collection of various project, Behance Collection
- Moritz Stefaner
- Rachel Binx
- Giorgia Lupi & Accurat
- Stefanie Posavec
- Benedikt Groß
- Jer Thorp
- Marcin Ignac
- Derek Watkins
- Laura Strausfeld
- Fathom.info
- Hint.fm, Fernanda Viégas and Martin Wattenberg
- TED: Jer Thorp, The Weight of Data
- TED: Jer Thorp, TMake data more Human
- TED: David McCandless, The beauty of data visualization
- TED: Giorgia Lupi, How we can find ourselves in data
- Eyeo 2018: Stefanie Posavec
- Eyeo 2018: Giorgia Lupi
- Eyeo 2017: Nicholas Felton
- Eyeo 2017: Marcin Ignac
- Eyeo 2017: Derek Watkins
- Eyeo 2016: Laurie Frick