![[OC] The Shadow War: Ich habe eine interaktive Datengeschichte für ein Schulprojekt erstellt, in dem die Drogenkrise von Sri Lanka (2018–2025) visualisierte. Hervorhebung der Verhaftungen gegen das Ungleichgewicht der Behandlung.](https://www.bytesde.com/wp-content/uploads/2025/09/js02q6xalsrf1-1024x819.png "[OC] The Shadow War: Ich habe eine interaktive Datengeschichte für ein Schulprojekt erstellt, in dem die Drogenkrise von Sri Lanka (2018–2025) visualisierte. Hervorhebung der Verhaftungen gegen das Ungleichgewicht der Behandlung.")
Hallo zusammen,
Ich teile a Scrollytelling -Datengeschichte Ich habe für ein Universitätsprojekt gebaut: "Der Schattenkrieg: Sri Lankas Drogenkrise (2018–2025)."
Ich habe mich darauf konzentriert, Regierungsdaten zu visualisieren, um die nationale Reaktion in den letzten Jahren zu analysieren, insbesondere in Betracht, wo die Ressourcen zugewiesen werden. Der zentrale Befund ist das Schwere und wachsende Unterschiede zwischen den Strafverfolgungsbemühungen (Festnahmen/Anfälle) und Investitionen der öffentlichen Gesundheit (Behandlungskapazität).
Das ist immer noch ein In Arbeit arbeitenund ich suche aktiv nach Feedback zu beiden Visualisierungsdesign und die Technische Implementierung.
Highlights für diese Community:
- Scrollytelling: Die Erzählung führt Sie durch wichtige Erkenntnisse mit Diagrammen, die sich beim Scrollen animieren und verändern.
- Visualisierungsfokus: Ich habe benutzerdefinierte Diagramme entworfen, um die Intensität des Problems wie das große zu vermitteln Verhaftungen gegen Behandlung Grafik und die Anfallstromdiagramm.
- Tech Stack: Vollständig verwendet Vanille JavaScript, HTML und CSS. Für die Interaktivität wurden keine großen Rahmenbedingungen verwendet.
- Merkmale: Beinhaltet den Dunkel-/Lichtmodus, Tastaturverknüpfungen und die vollständige Bild -Lightbox -Funktionalität.
Wenn Sie das Design genießen oder den Code interessant finden, würde ich mich aufrichtig schätzen Stern auf dem Github Repo ⭐️. Es hilft sehr für mein Portfolio und zukünftige Datenprojekte!
🔗 Github Repo (der Code): https://github.com/chaturadissanayake/sri-lanka-drug-crisis-website
Danke, dass du es dir angesehen hast!
Von MediaCorrect4470
1 Kommentar
Just some input.
The color palette on the first picture makes it difficult to really see where one year ends and another begins at a glance, and having them in a semi circle format makes it harder to directly compare visually different years.
The second picture is a bit misleading since there’s two different scales for the two dot colors. Having different scales kind of defeats the point of having them on the same plot since you can’t directly compare them visually.
The third picture just seems like an unintuitive way to display some simple percentage data. Making a pie chart isn’t exactly pretty, but it’s very legible and doesn’t require a key.
The fourth picture is hard to tell what’s going on, I kept having to look down at the key, then back up the display, trying to match the various slightly different shades of blue to what was plotted.
Take all this with a grain of salt, it’s your project 👍