Shape of Data is a series of workshops organised by award-winning information designer and lecturer Tiziana Alocci (https://www.tizianaalocci.com/) with the underlying goal to explore and discover new facets to the multi-disciplinary world of data visualization, interrogating the aspects of this discipline through a combination of hands-on activities and taught lectures.

Visualize your data – mapping stories with D3

Theoretical Lecture with two Guided Exercises

The workshop is open to anyone interested in getting to know techniques of storytelling and data visualization with maps. The workshop targets beginners to intermediate level participants, both freelancers and permanent staff.

The class offers a combination of three elements – a short theoretical lecture, storyboard sketching exercise and walkthrough coding exercise with D3.js.

The lecture is covering best practices of preparing interactive maps, including map layout, map accessibility and online free resources. The goal of the sketching exercise is to get familiar with the data and organise interesting findings of the data in a sequence of texts, maps, and images. Finally, we will code our story structure into a webpage and fill it with maps using the D3 mapping library.

Outcomes:

• Develop your own creative cartographic storytelling workflow;
• Learn how to prepare geospatial datasets for mapping with D3;
• Understand how to choose the right mapping technique and cartographic projection for different datasets;
• Design a re-usable storyboard structure;
• Code simple website and interactive map using D3.js library.

Duration: 3 hours (with a short virtual break!) and Q&A at the end.

When:

• Tuesday, 29th June 2021
• 18:00-21:00 CEST (Europe)
• 12:00-15:00 EDT (US - New York)
• 09-00-12:00 PDT (US - California)
• 21:30- 00:30 (India - West Bengal)

Workshop Structure: Theoretical lecture in the first part, sketching exercise in the second part and walkthrough coding in the last part.

Requirements

The workshop is open to anyone. Basic HTML/CSS knowledge would be useful but is not required. The first exercise is based on pen-on-paper sketches. For the second one, the basic coding template and data will be provided during the class.

The link to the Zoom streaming will be emailed to you 10 minutes prior to the workshop.

The following software is required:

• The workshop is held on Zoom, so you need to have it up and running.
• Atom code editor - https://atom.io/ with the atom-live-server package installed (we can install the package together during the classes).

Moreover, you will need a laptop with an Internet connection, pens, pencils, markers, paper and your favourite drink!

Questions?

Feel free to drop an email to the organiser Tiziana at workshop@tizianaalocci.com

About the Instructor

Edyta Bogucka (http://edytabogucka.de/) is an urban designer, cartographer, and researcher at the Chair of Cartography at the Technical University of Munich (TUM). She investigates new forms of visual storytelling techniques and develops mapping applications in all steps – from data collection, through data processing, map design and user evaluation.

Besides Edyta proudly helps in coordinating the International Master of Science Programme in Cartography and enjoys meeting maps lovers from all around the world.

Twitter: @edytapbogucka – Instagram: @edyta.p.bogucka

The Organiser

This workshops is brought to you by Tiziana Alocci (https://www.tizianaalocci.com/), award-winning information designer, co-founder of Market Cafe Magazine, and associate lecturer at the University of Arts London and Ravensbourne University London. With almost a decade of professional experience, she worked across multiple projects of diverse scale and scope, with high-profile clients including The Guardian, BBC, Visa, Rolex, and the Bill & Melinda Gates Foundation, collaborating with some of the best London-based data visualization studios and agencies.

Tiziana is the co-founder and creative director of Market Cafe Magazine, the world’s first magazine focused on data visualization winner of the renowned Kantar Information Is Beautiful Awards, in the category data visualization & information design.

Twitter: @Altiziana – Instagram: @tiz.alocci