Header ico
Retour
Infos
Retour
Infos

đŸ§©Â FaĂźtes votre jeu !

đŸ„‚Â Pour cet anniversaire, nous avons voulu nous/vous offrir un challenge
 ludique. Cette grille de mots mĂȘlĂ©s est issue de nos 12 derniers mois de newsletters. Un clin d'Ɠil pour voir si vous avez Ă©tĂ© un·e lecteur·rice assidu·e (enfin, ce n’est pas un prĂ©-requis !).

L’inspi. Tout est parti d’un article de Lisa Charlotte Muth, experte de la dataviz chez Datawrapper, qui avait concoctĂ© une grille de mots flĂ©chĂ©s spĂ©ciale dataviz. Mais hors de question de juste copier son travail ! Et si nous rĂ©alisions une grille de mots mĂȘlĂ©s interactive, facilement reproductible (section DIY oblige)... Histoire de joindre la pĂ©dagogie Ă  l’agrĂ©able, nous donnerions la dĂ©finition du mot lorsque celui-ci est trouvé !

Prendre au mot. Au commencement Ă©tait la grille de mots
 Oui, mais quels mots ? Nous avons demandĂ© un coup de main Ă  notre “Buenadata GPT”, un modĂšle nourri aux newsletters de WeDoData auquel on a demandĂ© de dĂ©gager les termes emblĂ©matiques de la narration de donnĂ©es et de proposer une dĂ©finition pour chacun. Cette liste a Ă©tĂ© ensuite dĂ©battue, rebattue et pimpĂ©e par l’équipe de WeDoData (car il faut reconnaĂźtre que nous ne sommes pas toujours convaincu·e·s par les tentatives humoristiques de ChatGPT 😬).

S’en griller une. Construire une grille de mots mĂȘlĂ©s Ă  la main ? TrĂšs peu pour nous. Direction les outils en ligne : un petit benchmark plus tard, on trouve un gĂ©nĂ©rateur qui accepte notre liste de mots et pond une grille 10x10 bien compacte. Merci Puzzlemaker. C’est pas mal, mais nous, on veut plus d’interactions


v0.dev, pour la gĂ©nĂ©ration de notre grille de mots mĂȘlĂ©s interractive

De la grille au web.

Alors nous dĂ©gainons v0.dev que nous vous avons dĂ©jĂ  prĂ©sentĂ© dans l’édition N°11.

Nous lui envoyons une image de notre grille et, aprĂšs quelques ajustements de prompts (une petite vingtaine pour ĂȘtre trĂšs honnĂȘte, sachant que le nombre de prompts quotidien est restreint dans la version gratuite), nous obtenons une web app qui fait le job.

Sauf que nous sommes rattrapé·e·s par notre perfectionnisme : nous ne rĂ©sistons pas Ă  ajuster le code pour obtenir les couleurs, les typos, etc. voulus. Pour le dĂ©ploiement, vous pouvez laisser v0 s’en occuper, mais nous aimons bien avoir nos applis sur nos serveurs, alors nous avons tout rapatriĂ© Ă  la maison. Il ne vous reste plus qu’à jouer et dĂ©jouer nos piĂšges 😏.

ajustements de couleurs et typographies pour la réalisation de notre grille de mots croisés dataviz

POUR ALLER ENCORE PLUS LOIN

  • Un article qui vous explique comment crĂ©er un GPT qui vous ressemble (attention, les GPT personnalisĂ©s sont disponibles dans l’abonnement payant)
  • Voici une alternative à v0.dev, car nous ne sommes maqué·e·s avec personne : bolt.new

Expertise(s)

Développement web

Intelligence artificielle

Source
WeDoData
ajouté le
3 février 2025
Langue
Français
Outil(s)
chatGPT, v0.dev

Ces autres tutoriels et ressources devraient aussi vous plaire


Loading...