Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/empathy87/storytelling-with-data

Plots from the book "Storytelling with data" implementation using Python and matplotlib
https://github.com/empathy87/storytelling-with-data

matplotlib python

Last synced: 27 days ago
JSON representation

Plots from the book "Storytelling with data" implementation using Python and matplotlib

Lists

README

        

# storytelling-with-data (Python + matplotlib)
http://www.storytellingwithdata.com/book/

The book storytelling with data teaches you the fundamentals of data visualization and how to communicate effectively with data.
You'll discover the power of storytelling and the way to make data a pivotal point in your story.
The lessons in this illuminative text are grounded in theory, but made accessible through numerous real-world examples—ready
for immediate application to your next graph or presentation.

Here I have implemented few graphs from the book using Python and matplotlib library. Kindly find well documented Jupyter Notebooks for plots.

## Vertical & Horizontal Bars
[Figure 0.5](vertical-bar/figure-0-5.ipynb) |[Figure 3.34](horizontal-bar/figure-3-14.ipynb)
:-------------------------------------------:|:------------------------------------------------:
![](images/Figure_0-5.png) |![](images/Figure_3-34.png)
[Figure 4.9](horizontal-bar/figure-4-9.ipynb)|[Figure 5.13](vertical-bar/figure-5-13.ipynb)
![](images/Figure_4-9.png) |![](images/Figure_5-13.png)
[Figure 6.4](vertical-bar/figure-6-4.ipynb) |
![](images/Figure_6-4.png) |

## Slopegraphs
[Figure 9.32](slopegraph/figure-9-32.ipynb)|
:-----------------------------------------:|
![](images/Figure_9-32.png) |

## Simple Texts
[Figure 9.29](simple-text/figure-9-29.ipynb)|
:------------------------------------------:|
![](images/Figure_9-29.png) |

## Scatterplots
[Figure 5.6](scatterplot/figure-5-6.ipynb)|
:----------------------------------------:|
![](images/Figure_5-6.png) |

## Lines
[Figure 5.10](line/figure-5-10.ipynb)|
:-----------------------------------:|
![](images/Figure_5-10.png) |

# Colors
## Gray
|#231F20 GRAY1. Thunder |#414040 GRAY2. Tundora |#555655 GRAY3. Nandor |#646369 GRAY4. Mid Gray |#76787B GRAY5. Rolling Stone |#828282 GRAY6. Gray |#929497 GRAY7. Oslo Gray |#A6A6A5 GRAY8. Delta |#BFBEBE GRAY9. Silver |
:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|
![](images/colors/gray/GRAY1.png)|![](images/colors/gray/GRAY2.png)|![](images/colors/gray/GRAY3.png)|![](images/colors/gray/GRAY4.png)|![](images/colors/gray/GRAY5.png)|![](images/colors/gray/GRAY6.png)|![](images/colors/gray/GRAY7.png)|![](images/colors/gray/GRAY8.png)|![](images/colors/gray/GRAY9.png)|

## Blue
|#174A7E BLUE1. Chathams Blue |#4A81BF BLUE2. Steel Blue |#94B2D7 BLUE3. Polo Blue |#94AFC5 BLUE4. Nepal | | | | | |
:-------------------------------:|:-------------------------------:|:-------------------------------:|:-------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|
![](images/colors/blue/BLUE1.png)|![](images/colors/blue/BLUE2.png)|![](images/colors/blue/BLUE3.png)|![](images/colors/blue/BLUE4.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|

## RED
|#C3514E RED1. Fuzzy Wuzzy Brown|#E6BAB7 RED2. Rose Fog | | | | | | | |
:-------------------------------:|:-------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|
![](images/colors/red/RED1.png) |![](images/colors/red/RED2.png) |![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|

## GREEN
|#0C8040 GREEN1. Salem |#9ABB59 GREEN2. Celery | | | | | | | |
:---------------------------------:|:---------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|
![](images/colors/green/GREEN1.png)|![](images/colors/green/GREEN2.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|

## ORANGE
|#F79747 ORANGE1. Tan Hide | | | | | | | | |
:-----------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|:--------------------------------:|
![](images/colors/orange/ORANGE1.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|![](images/colors/white/WHITE.png)|