#Information_is_Beautiful_Awards – Test of Time
▻https://nightingaledvs.com/information-is-beautiful-awards-test-of-time
The Test of Time Award was inspired by the IEEE Vis Test of Time Award presented to a paper published ten years prior with a..
#Information_is_Beautiful_Awards – Test of Time
▻https://nightingaledvs.com/information-is-beautiful-awards-test-of-time
The Test of Time Award was inspired by the IEEE Vis Test of Time Award presented to a paper published ten years prior with a..
For a decade+, grammar-of-graphics approaches have been a leading way to make visualizations – Jeffrey Heer @jeffrey_heer – Twitter
▻https://twitter.com/jeffrey_heer/status/1570084226153979905
Thread by @jeffrey_heer on Thread Reader App
▻https://threadreaderapp.com/thread/1570084226153979905.html
For a decade+, grammar-of-graphics approaches (ggplot, Tableau, #d3js, Vega/Altair) have been a leading way to make visualizations. Beyond chart templates & low-level programming, are there compelling alternatives? Or does the future lie in abstractions on top of these grammars?
There’s exciting research work on new/extended grammars, including:
– probability expressions 📊 (▻https://www.mjskay.com/papers/chi2020-pgog.pdf )
– responsive charts 📲 (▻https://twitter.com/hyeok__kim/status/1506395769615568904 )
– animation 🕺 (▻http://idl.cs.washington.edu/papers/gemini2 , gganimate, and new @vega_vis work coming to VIS’22 from @mitvis)
@mcnutt has written a valuable survey of JSON-style grammars (▻https://arxiv.org/pdf/2207.07998.pdf ), concluding there is “No Grammar to Rule Them All”. Should we expect a proliferating multiverse of visualization grammar variants? Where might we look beyond (or building on) such grammars?
I’m increasingly interested in higher-level support for analysis tasks. Grammars are a powerful way for (both people and machines!) to say “make this chart”. But most grammars are agnostic to the larger task and intent. Could we (should we?) bridge that gap?
(And for any friends wondering: Yes, I should be working on #chi2023 papers right now. And no, I’m not writing a CHI paper on this topic... #procrastination 😅)
p.s. thinking about this also reminds me how much I miss Lee Wilkinson (RIP). He was always bubbling with ideas on this topic... before he passed we had been discussing multimodal grammars, including sonification, tactile displays, etc. Important to also think beyond the visual.
dans les commentaires, le lien vers Vizzu
▻https://vizzuhq.com
avec une animation « transformiste » assez bluffante…
#Flexbox Dynamic Line #Separator - Ahmad Shadeed
▻http://ishadeed.com/article/flexbox-separator
To make this work on all screen sizes, we need to have the flex-direction: column mobile and flex-direction: row for larger screens.
.section {
display: flex;
flex-direction: column;
gap: 1rem;
}
.section:before {
content: "";
border: 1px solid #d3d3d3;
align-self: stretch;
}
@media (min-width: 700px) {
.section {
align-items: center;
flex-direction: row;
}
}
#css
3D Internet Topology - bl.ocks.org
▻https://bl.ocks.org/vasturiano/2e655fdd1f378cb2002435fe33d7d6ec
#cartographie #D3 #D3js #3D
Observable, c’est bien
▻https://observablehq.com/@jamesrezo
merci @fil ;)
▻https://observablehq.com/@jamesrezo/treemap-of-spip-versions
#d3js
▻https://github.com/jwilber/roughViz
roughViz.js is a reusable #JavaScript library for creating sketchy/hand-drawn styled #charts in the browser, based on D3v5, roughjs, and handy.
Pencil Globe
▻https://visionscarto.net/pencil-globe
Titre : « Pencil Globe » Auteur : Philippe Rivière Date de création : 29 janvier 2019 Mots-clés : #dessin #d3.js Inspiration : Mike Bostock pour Norway the slow way, The New York Times, 2014. Code : ▻https://observablehq.com/@visionscarto/pencil-globe loading... #Collection_cartographique
Turbo: Google’s new color palette for data visualization addresses shortcomings of the common rainbow palette, ’Jet’ | Packt Hub
▻https://hub.packtpub.com/turbo-googles-new-color-palette-for-data-visualization-addresses-short
▻https://hub.packtpub.com/wp-content/uploads/2018/04/iStock-638820556.jpg
#Google has released a new color palette, which it has named Turbo to address some of the shortcomings of the current popular rainbow palette, Jet. These shortcomings, include false detail, banding, and color blindness ambiguity. According to the blog post, Turbo provides better data visualization depth perception. Their aim with Turbo is to provide a color map which is uniform and color blind-accessible, but also optimal for day to day tasks where the requirements are not as stringent.
Réparé en prod et noté dans un ticket en attendant de régler le problème à la source : ▻https://github.com/seenthis/seenthis_squelettes/issues/212
Je viens de lire (en fait, relire) la doc de #d3-scale avec un super boulot pour rendre le traitement des #échelles générique.
Je ne sais pas si les utilisateurs de d3.js (dont je ne suis pas, comme tu sais,…) en auraient l’utilisation, mais le statisticien et, occasionnellement, visualisateur de données (!?) que je suis apprécierait la présence d’autres échelles fonctionnelles : échelle gaussienne (pour droite de Henry, graphique gaussien ou gauss-log - qq-plot), échelle logistique (pour visualiser des pourcentages ou des risques relatifs (_OR)). Mais peut-être ne les ai-je pas trouvées.
Ah oui, ça m’intéresserait de développer la droite de Henry sous ton contrôle. Il faut déterminer les arguments (espérance et sigma, je suppose) la fonction de conversion, son inverse, et une stratégie maline pour choisir les ticks.
▻https://fr.wikipedia.org/wiki/Droite_de_Henry
À compléter par une série (de notebooks ?) sur le rôle des échelles en visualisation. Je suis partant !
How to Profit in Space : A Visual Guide
▻https://www.wsj.com/graphics/new-space-race
pour contourner le paywall passer par ▻https://twitter.com/iarynam/status/1143560526343094272
si tu veux étudier le code ▻http://g.wsj.net/new-space-race/js/script.js
[d3.js] Flight animation
Un tutoriel combinant d3.js Géo et Transition pour générer une carte animée des vols d’avion (suivant les routes aériennes).
En savoir plus :
▻http://www.tnoda.com/blog/2014-04-02
▻http://www.tnoda.com/blog/2013-12-07
#flowmap #d3 #Transition #réseau #animation
La projection en octants de Léonard de Vinci - Philippe Rivière @visionscarto
▻https://visionscarto.net/projection-octants-da-vinci
Aux alentours de 1514, le vieux Léonard eut l’idée d’employer des triangles arrondis pour dessiner une mappamundi.
La projection Equal-Earth
▻https://visionscarto.net/la-projection-equal-earth
Titre : La projection Equal-Earth Auteurs : Bojan Šavrič, Bernhard Jenny et Tom Patterson Date de création : Août 2018 Mots-clés : #projections #d3.js Apparition : International Journal of Geographical Information Science Cette projection est née d’une frustration de cartographes. Fin mars 2017, les écoles publiques de Boston (Massachussetts) annonçaient vouloir sortir des représentations de Mercator pour les cartes du monde ; entreprise plus que louable, mais l’affaire était gâtée par le choix (...)
/ #Projections
La projection Dymaxion de Buckminster Fuller
Eléonore Philouze sur FB, signale ceci :
La #projection @Dymaxion de @Buckminster_Fuller avec une surface de la terre qui peut être présentée de différentes manières, aussi bien en tant que globe terrestre qu’en tant que carte avec une approche inhabituelle, la transformation de l’objet tridimensionnel en une série de cartes en deux dimensions... Parue dans « Life » en mars 1943
je l’ai packagée pour #d3.js récemment, sous le nom Airocean (car le nom dymaxion est ™)
▻https://beta.observablehq.com/@fil/airocean-projection
Ternary plot maker
▻http://www.ternaryplot.com
#outil #d3.js pour des #diagrammes_ternaires
Lundi matin sur visionscarto.net - Philippe Rivière a réalisé un assemblage de la carte d’Urbano Monte, qui est l’un des premiers, et certainement l’un des plus extraordinaires, planisphères de l’histoire.
Dessinée à la main, en 1587, elle forme un Atlas de 60 feuilles dont seuls deux exemplaires existent au monde,
Nous vous proposons de la découvrir ci-dessous, en choisissant dans le menu la projection qui vous sied, et, avec la souris, l’angle de vue.
En français
►https://visionscarto.net/urbano-monte-fr
In english
▻https://visionscarto.net/urbano-monte
En español
▻https://visionscarto.net/el-mapa-de-urbano-monte
L’ensemble des planches ont récemment été numérisé par la collection David Rumsey - ►https://www.davidrumsey.com
Très très fier des encouragements de David Rumsey, et aussi d’avoir fait entrer visionscarto dans sa fabuleuse collection de 85 000 cartes anciennes que j’ai pu visiter à Stanford en septembre dernier.
▻https://www.davidrumsey.com/luna/servlet/detail/RUMSEY~8~1~308989~90078901:Urbano-Monte-World-Map-Reprojection
Sur le plan technique, il s’agit de #projections #d3.js que j’ai recodées ou transposées en #WebGL. Projet de le publier en logiciel libre un jour ou l’autre (mais pas tout de suite, ça demandera une réécriture).
Merci @severo pour la traduction espagnole du billet.
C’est une magnifique ! Tes projections sont super inspirantes @fil
Data Illustrator: Create #infographics and #data_visualizations without programming
▻http://www.data-illustrator.com
Très impressionnant !
En particulier, après avoir vu la démo, le degré d’abstraction qui permet d’associer les éléments de données aux paramètres des formes avec une interface unifiée et un nombre limité d’actions primitives (repeat, partition, group, break BY …)
#yapuka …
About
Data Illustrator is a research collaboration between Adobe Systems Inc. and Georgia Institute of Technology.
Publication
Publication
_Data Illustrator: Augmenting Vector Design Tools with Lazy Data Binding for Expressive Visualization Authoring.
▻http://www.data-illustrator.com/papers/DataIllustratorCHI18.pdf
Petit test, sur des graphiques classiques, ici ▻https://seenthis.net/messages/687122, avec les données du billet (nombre de buts en Coupe du Monde de football par année et par équipe)
L’idée est vraiment interessante et on comprend assez bien la logique de représentation (repeat, break, stack,…) Mais on est plus dans la PoF (_proof of concept, depuis que je sais ce que c’est, ça me plait, mais, j’explicite le sigle…) parce qu’à l’usage, plein de choses vraiment pénibles…
• l’enregistrement ne garde pas les choix de conceptions, en rouvrant, on se retrouve devant le tableau de données et tout à remonter (EDIT : faux, ça a l’air de marcher, je ne sais pas ce que j’ai fait…)
• édition des éléments graphiques réduite au minimum notamment pas de undo (argh, ajouté au point précédent, ça devient l’enfer)
• pas d’association d’étiquettes (ou je n’ai pas trouvé) idem d’image pour les bulles (les drapeaux des « pays » dans notre exemple)
• pas vu où on pouvait redimensionner le canevas
• pas de possibilité de fixer le type des données, déterminé automatiquement à l’importation (les années seront forcément numériques, sauf à les compléter d’un caractère alphabétique dans le tableau de données…)
• aucune possibilité d’édition du tableau de données (bon, c’est normal) mais on aimerait pouvoir disposer de facilité du genre pourcentage en ligne, pourcentage en colonne (pour les rectangles empilés c’est contraignant, il faut l’avoir précalculé dans le fichier de données)
• l’interface graphique se maitrise assez bien et il y a des choses qu’on aimerait trouver ailleurs (redimensionnement des échelles, p. ex.)
• l’interface graphique se maitrise assez bien, mais il y a des moments où on aimerait avoir accès à un dialogue (ex. les choix initiaux font que l’échelle déborde plusieurs fois la largeur du canevas prévue ; il faut cliquer-tirer sur le curseur (au bout de l’axe) pour le ramener au bon endroit, sans qu’on dispose d’un défilement automatique au bord de la fenêtre…)
Faut voir ce que ça autorise en graphique « non classique »…
Correction : l’enregistrement fonctionne bien en conservant la conception (erreur de ma part, j’imagine…)
[Appli] Visualizing massive flow data streams | A. Masselot
►https://blog.octo.com/en/visualizing-massive-data-streams-a-public-transport-use-case
Un prototype d’application réalisé par Alexandre Masselot, destiné à explorer les possibilités techniques de géo visualiser des données massives (en GTFS, trajectoires de transport)
–> Le blog
►https://blog.octo.com/en/visualizing-massive-data-streams-a-public-transport-use-case
–> Aspects de méthode :
►https://blog.octo.com/en/d3-js-transitions-killed-my-cpu-a-d3-js-pixi-js-comparison
Data exploration with Data Plotly for QGIS3
▻https://anitagraser.com/2017/12/06/data-exploration-with-data-plotly-for-qgis3
Data Plotly is a new plugin by Matteo Ghetta for #QGIS which makes it possible to draw #D3.js graphs of vector layer attribute values. This is a huge step towards making QGIS a one stop shop for data exploration!Currently, there are nine different plot types:
Hand-Drawn-ish Coastal Effects – Adventures In Mapping
▻https://adventuresinmapping.com/2017/12/05/hand-drawn-ish-coastal-effects
Well, #coasts have always been especially interesting things on atlases and globes. Here are two throwback methods for giving coastal areas a bit of offset contrast and a sense of depth and abrupt texture.
Newspapers : A Black & White Issue - Measuring racial diversity in journalism, by Matt Daniels and Amber Thomas (pudding.cool)
▻https://pudding.cool/2017/10/asne
Along with the country as a whole, the press has too long basked in a white world, looking out of it, if at all, with white men’s eyes and a white perspective. That is no longer good enough. ––Kerner Commission, 1968
#racisme #médias #presse #États-Unis (mais ailleurs aussi, même si en France c’est interdit d’en parler)
OEC - France (FRA) Exports, Imports, and Trade Partners
▻https://atlas.media.mit.edu/en/profile/country/fra
Balance commerciale de la France.
On exporte en fait des hélicos, et plus de sang animal que de parfums.
France is the 6th largest export economy in the world and the 14th most complex economy according to the Economic Complexity Index (ECI). In 2016, France exported $485B and imported $540B, resulting in a negative trade balance of $54.9B. In 2016 the GDP of France was $2.47T and its GDP per capita was $41.5k.