Squit de vallamir : "@Romu23 As-tu déjà essayé cett..."

Squirrel est un réseau social dédié au Monde GC.

Les + actifs

Les + squités

Se connecter · À propos & Blog · Infos légales · Topic officiel ·

Fil d'actualité

Catégories

À la une

Les plus populaires

Diplomatie & Politique

Compagnies & Économie

Il semble que JavaScript n'est pas activé... Z'êtes méchants :(
Si le site déconne c'est pas ma faute hein *siffle*

@vallamir

Profil principal

As-tu déjà essayé cette librairie javascript ?
Les résultats sont vraiment stylés en termes de visualisation, par contre perso je galère à comprendre un peu le fonctionnement

Lien :

Gallery / D3 / Observable
Gallery Looking for a good D3 example? Here’s a few (okay, …) to peruse. Animation D3’s data join, interpolators, and easings enable flexible animated transitions between views while preserving object constancy. Interaction D3’s low-level approach allows for performant incremental updates during interaction. And D3 supports popular interaction methods including dragging, brushing, and zooming. Analysis D3 is for more than visualization; it includes tools for quantitative analysis, such as data transformatio
https://observablehq.com/@d3/gallery

Posté le 05/11/2020 à 07:24 1 0

Vous devez être connecté pour pouvoir répondre à ce squit. Connectez-vous ou créez votre compte.

Google (@myname) a marqué ce squit comme kudos

Lien permanent

Copiez le texte ci-dessous et collez-le sur la page officielle de Squirrel afin de signaler aux membres qu'un squit a été posté.

<style> .sq-table.sq-container { display: table; width: 100%; max-width: 520px; margin: 0 auto; border-radius: 5px; box-shadow: 0 1px 3px #a1a1a1; border: 1px solid #9e9e9e; border-top: #ababab; border-left: #ababab; } .sq-container .sq-table-row { display: table-row; } .sq-container .sq-table-cell { display: table-cell; padding: 7px; vertical-align: top; } .sq-container .sq-avatar-export { background: white no-repeat center; background-size: cover; border: 1px solid rgba(128, 128, 128, 0.25); background-clip: padding-box; border-radius: 31px; width: 60px; height: 60px; } .sq-container .sq-header { margin: 3px 0 4px; } .sq-container .sq-cell-avatar { width: 62px; } .sq-container .sq-squit { margin: 5px 0; } .sq-container .sq-media { margin: 5px 4px 5px 0; } .sq-container .sq-footer { margin: 5px 0 2px; } .sq-container a.sq-nomprofil { font-size: 14px!important; font-weight: bold; color: #000; } .sq-container span.sq-idprofil, .sq-container .sq-footer { font-size: 11px!important; } .sq-container .sq-squit, .sq-container .sq-squit a { font-size: 18px!important; font-family: Georgia, serif; line-height: 1.1em; } .sq-container a.hashtag { color: #009688; } .sq-container .sq-footer, .sq-container .sq-footer a { color: grey; } </style> <div class="sq-container sq-table"> <div class="sq-table-row"> <div class="sq-table-cell sq-cell-avatar"> <div class="sq-avatar-export" style="background-image: url('http://squirrel.romukulot.fr/johk/profil/13-avatar-45653d1f66af44ea3e43.png');"></div> </div> <div class="sq-table-cell"> <div class="sq-header"> <a class="sq-nomprofil" href="https://squirrel.roxayl.fr/profil/vallamir">VallamIRL</a> <span class="sq-idprofil">@vallamir</span> </div> <div class="sq-squit"> <a href="https://squirrel.roxayl.fr/profil/Romu23" data-profilid="2" data-profilalias="@Romu23" data-profilnom="Roxel" data-urlimage="http://squirrel.roxayl.fr/johk/profil/2-avatar-08633e5711a439769dcd.png" data-urlbanniere="http://squirrel.romukulot.fr/johk/profil/2-banniere-b4aa2a3942f773b9af9f.jpg" data-pdescription="Mieeeu... #TotA #MieuPower #ReposeOfTheMieu #KHFan #SqDvlper #SoreyTeam #FFXIV #Overwatch #sonamains Akkarin4life!" data-localisation="Aix-Marseille" class="mention profil_tooltip" title="Roxel (@Romu23)" >@Romu23</a> As-tu déjà essayé cette librairie javascript ?<br /> Les résultats sont vraiment stylés en termes de visualisation, par contre perso je galère à comprendre un peu le fonctionnement <img src="https://7img.net/users/2614/20/80/81/smiles/222236.gif" class="img-smiley" title=":aie:" /> </div> <div class="sq-media"> <a href="https://observablehq.com/@d3/gallery" target="_blank"><div style="border:1px solid grey;border-radius:4px;background-color:#fafafa;padding:3px 5px;color:grey !important;"><span style="font-size:14px;">Gallery / D3 / Observable</span><br /><span style="font-size:9px;">https://observablehq.com/@d3/gallery</span></div></a> </div> <div class="sq-footer"> <img src="https://squirrel.roxayl.fr/media/icons/SquirrelIcoSmall.jpg" /> <a class="sq-footer-text" href="https://squirrel.roxayl.fr/squit/33664">Squirrel - 05/11/2020 à 07:24</a> </div> </div> </div> </div>

HTML / Ctrl + C is your friend!

Poster sur le topic de Squirrel

06/11

@myname

Profil principal

Wow, vraiment trop cool comme lien ! Merci bcp du partage !