# D3 lisbon community :two_hearts:

Hello and welcome to the D3.lisbon community sessions

The long term objective of these sessions is to create a d3 co-learning community in Lisbon and establish weekly sessions, similar to this [example](https://www.meetup.com/de-DE/opentechschool-berlin/events/259259284/).

In order to establish a community we need to have some basic and common knowledge.
Therefore I planed to work together with you through the following [Book](https://alignedleft.com/tutorials/d3) and
[Code examples](https://github.com/alignedleft/d3-book/releases)

As a working environment you need to have installed [ATOM](https://atom.io/) as well as creating an account for [JSBIN](https://jsbin.com/?html,output) and [Blockbuilder](https://blockbuilder.org/).

Please fine more d3 learning material here: [D3 Presentation](https://slides.com/sandravizmad/d3js)

### The next sessions will have the following agenda:

In the first 40 min you will go through the content and play around with the coding examples planed for this sessions on your own.

In the next 40 min I or another coach are going to explain the code example and (try to) answer all related questions as well as discuss the concept learnt in this session.

The last 20 minutes are open for presenting own projects or interesting links/examples regarding d3. In case nobody likes to present I will present, but I would really encourage you to share as well in order to build real community atmosphere :)

#### Set-up & Data - Code Chapters 4, 5
12/04 19:00 - 20:30 Belas Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/260370628/)

Go through examples [d3 in depth - joins](https://www.d3indepth.com/datajoins/)

#### Drawing Divs - Code Chapter 6
23/04 19:00 - 20:30 ISCTE - Lisbon University Institute
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/260698294/)

#### Scales - Code Chapter 7
30/04 19:00 - 20:30 ISCTE - Lisbon University Institute
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/260850766/)

Close look at [d3.min d3.max and d3.extent](https://observablehq.com/@d3/d3-min-d3-max-d3-extent?collection=@d3/d3-array)

Go through examples [d3 in depth - scales](https://www.d3indepth.com/scales/)

#### Axes - Code Chapter 8
10/05 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/pjtmwqyzhbnb/)

#### Axes - Code Chapter repeat 8
17/05 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/pjtmwqyzhbwb/)

localhost via SERVED [Explaining Video](https://www.youtube.com/watch?v=HJuXyyFne-8)

#### Transitions - Code Chapter 9
24/05 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/pjtmwqyzhbgc/)

Blockbuilder example: [Simple graph with filled area in v4](https://bl.ocks.org/sandravizmad/7190e8d6236f1cc34afb886ce105bec5) let's fork and play with it :sparkles:

#### Transitions - Code Chapters repeat 9
31/05 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/pjtmwqyzhbpc/)

Close look at [d3.range](https://observablehq.com/@d3/d3-range)
and [d3.merge](https://observablehq.com/@d3/d3-merge?collection=@d3/d3-array)

#### Interactivity - Code Chapter 10
07/06 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/260850880/)

Close look at [d3.ascending](https://observablehq.com/@d3/d3-ascending?collection=@d3/d3-array)

Blockbuilder example: [Advanced example using transitions](http://bl.ocks.org/sandravizmad/e17712597b3d487516128dd7681cc58b) let's fork and play with it :sparkles:

#### Path & Selections - Code Chapter 11
18/06 19:00 - 20:30 ISCTE - Lisbon University Institute
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/260850888/)

Go through examples [d3 in depth - shapes](https://www.d3indepth.com/shapes/) and [- selections](https://www.d3indepth.com/selections/)

#### Enter, Exit & Update - Code Chapter 12
24/06 19:00 - 20:30 ISCTE - Lisbon University Institute
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/260850897/)

Go through examples [d3 in depth - enter, exit](https://www.d3indepth.com/enterexit/)

#### Layout - Code Chapter 13
05/07 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/262710906/)

Go through examples [d3 in depth - layout](https://www.d3indepth.com/layouts/)

#### Layout - Code Chapter 13
12/07 19:00 - 20:30 Academia de Bellas Artes de Lisboa
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/262710856/)

Go through examples [d3 in depth - layout](https://www.d3indepth.com/layouts/)

#### Geo-projection - Code Chapter 14
19/07 19:00 - 20:30 ISCTE - Lisbon University Institute
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/262891896/)

Go through examples [d3 in depth - geographic](https://www.d3indepth.com/geographic/)

#### Geo-projection - Code Chapter 14
26/07 19:00 - 20:30 ISCTE - Lisbon University Institute
[Sign-up](https://www.meetup.com/de-DE/Data-Visualization-Lisboa/events/262891904/)

Go through examples [d3 in depth - geographic](https://www.d3indepth.com/geographic/)

Important: For those of you that already know/use D3 and don’t feel the need to go through the book and coding examples, I invite you to come to the sessions and use the time to work on your projects, maybe having a talk about it in the first 40 min and if you are interested presenting some of your work in the last 20 min of the session.

At the moment I’m hosting and organizing these sessions, but it would be great to share this role with others. :neckbeard: Therefore I’m looking for people, which already have some idea about D3 and help me with the coaching/hosting. The final goal would be to establish a similar coaching group as shown in this example for the [CSS class](https://cssclass.es/coaches/).

That’s all and looking forward to meet and code with you :)

Use our slack for communication online and updates
[Slack](https://join.slack.com/t/d3lxcommunity/shared_invite/enQtNjM4OTQwNzA2ODg0LWYzYzU5YWViMDFmZDk0ZWRlZTFjZjg1OGU1MDExNWIwZWEzNzZhZTFmYWZiMmVjMjkyNzlhMGM3MzMxMWQ1ZTI). :wave:

Best,
Sandra