From Reading to Exploring – Visuelles Geschichtenerzählen im Datenjournalismus

Interfacedesign
21FVId-AM Advanced Media
2.135 Advanced Media
Wintersemester 2014/2015
D/106

In der ersten Hälfte des Kurses werden theoretische und praktische Grundlagen vermittelt in den beiden Bereichen Journalismus und Datenvisualisierung und …
Mehr anzeigen ⬇

Mitgliederlisten und eventuell vorhandene Materialien sind nur für eingeloggte Nutzer zugänglich..

Krank

Hallo Kurs,

Ich bin leider krank und werd heute nicht kommen können.

Viel Spaß und Grüße
Chris

4. November 2014 um 13:04 Uhr
CT

Inspiration (Web Viz's)

Reicht für einen ganzen Nachmittag: http://www.visualisingdata.com/index.php/2014/08/best-of-the-visualisation-web-june-2014/

At the end of each month I pull together a collection of links to some of the most relevant, interesting or thought-provoking web content I’ve come across during the previous month. Here’s the latest collection from June 2014.

30. Oktober 2014 um 11:38 Uhr
SR

Nützliche Links

HTML/CSS

Wer's noch nicht gemacht hat, sollte auf jeden Fall noch das Tutorial auf Codecademy machen:
http://www.codecademy.com/tracks/web

Auf der MDN-Seite gibt's auch eine gute Einführung in HTML:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction

Und in CSS:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started

SVG

Scott Murray gibt hier eine kurze und knackige Einführung in SVG:
http://alignedleft.com/tutorials/d3/an-svg-primer

Und auch hier gibt's was dazu auf der MDN-Seite:
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial

Javascript/D3

Für grundlegendes Javascript empfiehlt sich wiederum die Codecadamy:
http://www.codecademy.com/tracks/javascript

Sowie das MDN:
https://developer.mozilla.org/en-US/docs/Web/JavaScript

Auf der D3-Seite gibt es unzählige Tutorials:
https://github.com/mbostock/d3/wiki/Tutorials

Als Start ist dieses sinnvoll:
http://bost.ocks.org/mike/circles/

Hier könnt ihr euch mal anschauen, was mit D3 alles so möglich ist:
https://github.com/mbostock/d3/wiki/Gallery

Allgemein zum Lernen von Visualisierung mit JS/D3 ist diese Live-Coding-Seite hilfreich. Hier gibt es auch D3-Tutorials:
http://tributary.io/

Bücher

Javascript:
http://www.amazon.de/Eloquent-JavaScript-Modern-Introduction-Programming/dp/1593275846/ref=sr_1_1?ie=UTF8&qid=1414608297&sr=8-1&keywords=eloquent+javascript

D3:
http://www.amazon.de/Interactive-Data-Visualization-Scott-Murray/dp/1449339735/ref=sr_1_1?ie=UTF8&qid=1414608240&sr=8-1&keywords=interactive+data+visualization

Weitere nützliche Links gerne als Kommentar anhängen!

29. Oktober 2014 um 19:46 Uhr
JS

Folien online

Die Folien von gestern sind im "Vorlesungsfolien"-Ordner. Weitere Links zu Tutorials folgen später heute. Auch werde ich die Skripte von gestern noch hochladen.

29. Oktober 2014 um 11:12 Uhr
JS

Im Materialordner sind jetzt auch die Beispiele von gestern als ZIP.

29. Oktober 2014 um 19:02 Uhr

JS

Erinnerung: Mini-Hausaufgabe

Bitte denkt daran, euch in das Google-Doc einzutragen bis spätestens heute Abend!

27. Oktober 2014 um 11:28 Uhr
JS