mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 12:42 Benutzername: Passwort: Auto-Login

Thema: Wie wurden diese Infografiken im Web umgesetzt? vom 22.01.2023


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> Wie wurden diese Infografiken im Web umgesetzt?
Autor Nachricht
grafisma
Threadersteller

Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst So 22.01.2023 18:28
Titel

Wie wurden diese Infografiken im Web umgesetzt?

Antworten mit Zitat Zum Seitenanfang

Hallo!

Eine schwierige Frage....

Es gibt auf dieser Website Infografiken, bei denen ich gerne wüsste, wie diese umgesetzt wurden:
https://www.labor-becker.de/factsheets/sars-cov-2-factsheet


Zunächst hatte ich die Idee, dass ich einfach im Illustrator die Infografiken umsetze,
mit allen Balkendiagrammen und dazugehörigen Zahlen.

Dann ist mir eingefallen, dass es wahrscheinlich doch besser im Adobe After Effects oder Premiere erstellt werden könnte,
zum Schluss exportiert als svg Datei.

Aber in dem Link lassen sich die Zahlen der Grafik noch markieren...

Wie wurde das erstellt?
Und dann als "offene Datei" (Zahlen der Grafik lassen sich markieren) ins Web eingesetzt?

Danke für Eure Hilfe!
  View user's profile Private Nachricht senden
grafisma
Threadersteller

Dabei seit: 02.06.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst So 22.01.2023 18:41
Titel

Antworten mit Zitat Zum Seitenanfang

Bisher konnte ich nur Programme wie "Visme" finden:
https://visme.co/blog/de/animierte-grafiken-erstellen/

die scheinbar eine Infografik in eine animierte Grafik umwandeln.

Es müsste aber den gleichen Stil haben...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst So 22.01.2023 21:40
Titel

Antworten mit Zitat Zum Seitenanfang

Bei deiner Beispielseite wurden die Balkengrafiken mit HTML-Elementen und CSS umgesetzt. Animiert dann mit Hilfe von Javascript.

Ob das jetzt für die Seite individuell programmiert wurde oder ein Bestandteil eines fertigen Templates ist müsste man sich mal genauer anschauen.
  View user's profile Private Nachricht senden
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht: Männlich
Verfasst Mo 23.01.2023 15:50
Titel

Antworten mit Zitat Zum Seitenanfang

Es gibt solche Visualisierungs-Libraries wie d3.js die machen das von HAus aus.

-> https://d3js.org/

Beispiel:
https://observablehq.com/@d3/bar-chart-race
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] Ist das so richtig umgesetzt?
Sliding-Effekt mit jQuery - Wie umgesetzt?
Preise für Infografiken
Welches Programm für Infografiken?
Infografiken interaktiv aufbereiten bzw. animieren
Welche Software nehmt Ihr für Online-Infografiken?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.