#d3js — Public Fediverse posts

@rogerlipscombe if you like a book there is this https://www.oreilly.com/library/view/interactive-data-visualization/9781449340223/

My limited experience of #D3 wrangling then consists of stealing ideas from https://d3-graph-gallery.com or off the man himself, #MikeBostock here
https://bost.ocks.org/mike/

There is then the #D3js related hosting environment but I will leave that as an exercise to the reader for further investigation

Sankey‑диаграмма движения денег: от двух дней в Illustrator до интерактива за час

Как понять, куда на самом деле уходят деньги, если смотреть на них как на поток, а не как на набор категорий. На реальном примере показываю, как из банковской выписки собрать Sankey-диаграмму, где помогает AI, где ошибается и какие решения приходится принимать. В итоге получается не статичная картинка, а интерактивная модель, с которой можно работать: разбирать структуру расходов, видеть взаимосвязи и находить узкие места. Подход применим не только к личным финансам, но и к бизнесу — для анализа движения денег, затрат и сложных процессов. Будет полезно дизайнерам, аналитикам и всем, кто работает со сложными системами

https://habr.com/ru/articles/1016620/

#Sankey #визуализация_данных #финансы #анализ_данных #UX_дизайн #интерфейсы #бизнесаналитика #D3js #React #AI

Any of yall use Worldographer? Me and the homunculus wrote a script that converts WXX files into an interactive D3js site #dnd #rpg #ttrpg #maps #cartography #python #d3js #worldographer #hexographer

TIL It's not that hard to replicate news graphics using #datavis / #d3js.
Also I learned that the Western hemisphere seems to include Ireland, UK and a large portion of north-western Africa oO

The base map is from 1:10m #NaturalEarth. Map rendering is via the browser using #D3js and #GIMP for compiling the GIF animation.

The Sun position calculation is adapted from #Wikipedia and #Turfjs is used to generate the terminator line from the Sun’s position.

https://en.wikipedia.org/wiki/Position_of_the_sun
https://en.wikipedia.org/wiki/Equation_of_time

🧵 2/2

#30DayMapChallenge 🗺️ Day 3️⃣: Polygons

I went with a classic #choropleth map to keep things simple (and save my energy) and this one shows the population change of the 201 barangays (kinda like wards) of the city of Pasay in the #Philippines 🇵🇭 between the 2000 and 2024 censuses.

https://en.wikipedia.org/wiki/Pasay

The boundaries come from #OpenStreetMap while the population data is from the Philippine Statistics Authority. Map rendering was done using the #D3js library.

#maps #cartography #gischat

Das kleine Nebenprojekt zum Format "Mit offenen Karten" von #arte kommt gut voran.

Grobe Idee: Das Format mal anders zu navigieren, als man es in Mediatheken sonst so gewohnt ist. Alle Episoden auf einer Karte visualisieren und durch Verbindungen der Locations zu versuchen den Geo-Kontext des jeweiligen Videos abzubilden.

#datavis #dataviz #d3js

The Best 5 JavaScript Data Visualization Libraries to Use

Best Data visualization and charting in #Javascript. Create charts and graphs in web or mobile: #D3js, #threejs, chartjs, Echarts, ... source

https://quadexcel.com/wp/the-best-5-javascript-data-visualization-libraries-to-use/

So, it's been a while since I did an #Introduction #ConnectionList #TwitterMigration post where, I find interesting people for you to follow on #Mastodon, and use my reach to more closely connect the #Fediverse :fediverse:

@ANUResearch is the official Mastodon account of #ANU Research (I think, it all looks very legit, but I don't know the person behind the account) #research #university 🇦🇺

@drwaus is the new official account for Digital Rights Watch in Australia (h/t to all the good work Sam @floreani is doing in this space - don't forget to catch her #keynote at @[email protected] later this month!)

@AoIR is the official Association of #Internet #Researchers account. Read more at https://aoir.org/about 🇺🇸

Professor @nilsph1 works in #knowledge organisation and information retrieval #IR at the Department of Archive, Library and Information Studies at #Oslo Metropolitan University @oslomet :flag-no:

@fionatribe is an #anthropologist, workplace #strategist and #ethnographer who works in #architecture and #OrgDesign 🇦🇺

@dcm is Dimitri Coelho Mollo, an Assistant #Professor in the Philosophy of #AI at #Umeå University :flag-se:

@anders is a #Communication strategist for #AI #Sweden :flag-se:

@rachaelvdm is a #MetaData #librarian #GLAM interested in #nature #art #history 🇳🇱 🇦🇺

@bentarnoff is a technical #writer, who recently wrote a brilliant piece on Joseph #Weizenbaum for The Guardian. You should read it. 🇺🇸

@observablehq is the official account of the #dataviz platform, based on #D3js from @mbostock

That's all for today, don't forget to share your own #ConnectionList, particularly as we say #RIPTwitter ❤️

@viveknityananda Did try, good results so far. I hope similar code-generating systems will appear for #matplotlib, #d3js and #jfreechart soon. Getting a plot layout right can be very time consuming and the approach at https://rtutor.ai is fantastic.