-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
18 changed files
with
706 additions
and
295 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,34 +1,104 @@ | ||
StonerPlot Colours | ||
================== | ||
=================== | ||
|
||
The StonerPlots package default style ('stoner') includes a colour and line marker cycler. The colours used are | ||
taken from the Tansport for London colour palette (aka the Tube map) as they are a nice set of bold colours that | ||
show up well on white backgrounds. | ||
The StonerPlots package provides a default style ('stoner') that includes a colour and line marker cycler. The colours used are | ||
inspired by the **Transport for London (TfL)** colour palette (better known as the Tube map palette). This palette features | ||
a vibrant collection of bold colours, which are particularly effective for visualizations with white backgrounds. | ||
|
||
In addition, the package patches the matplotlib list of named colours so that you can use the colours directly - | ||
according to their tube/transport line. This maybe on makes sense to Brits! | ||
Additionally, the StonerPlots package extends the default list of named colours in matplotlib. This allows users to directly reference | ||
these colours by the names of the London Underground lines (e.g., 'bakerloo', 'central') in their visualizations. However, this naming | ||
may be most intuitive for users familiar with the London Underground system! | ||
|
||
**Why use the TfL palette?** | ||
- Visually appealing: The bold colours stand out against light and white backgrounds. | ||
- Consistency: Named options provide an easier way to stylize plots systematically. | ||
- Hierarchical shades: The palette includes predefined shades (e.g., 90%, 70%, etc.), offering flexibility while maintaining a unified look. | ||
|
||
--- | ||
|
||
Tube Map Colours | ||
---------------- | ||
----------------- | ||
The full set of Tube map colours is shown below. The colours correspond to the official line names. | ||
|
||
.. image:: figures/colours.png | ||
:alt: Full tube map colour palette | ||
:align: center | ||
:width: 600px | ||
|
||
--- | ||
|
||
Tube Map 90% Shade Colours | ||
-------------------------- | ||
--------------------------- | ||
The 90% shade of each Tube line's colour offers a slightly darker tone while still preserving the colour identity. | ||
These shades are particularly effective for creating layered or hierarchical plots. | ||
|
||
.. image:: figures/colours90.png | ||
:alt: 90% shaded tube map colours | ||
:align: center | ||
:width: 600px | ||
|
||
--- | ||
|
||
Tube Map 70% Shade Colours | ||
-------------------------- | ||
--------------------------- | ||
The 70% shades provide an intermediate level of opacity, useful for combining multiple elements on a plot while maintaining | ||
distinction. | ||
|
||
.. image:: figures/colours70.png | ||
:alt: 70% shaded tube map colours | ||
:align: center | ||
:width: 600px | ||
|
||
--- | ||
|
||
Tube Map 50% Shade Colours | ||
-------------------------- | ||
--------------------------- | ||
The 50% shades offer further blending opportunities, creating a subtler appearance for secondary elements in plots. | ||
|
||
.. image:: figures/colours50.png | ||
:alt: 50% shaded tube map colours | ||
:align: center | ||
:width: 600px | ||
|
||
--- | ||
|
||
Tube Map 10% Shade Colours | ||
-------------------------- | ||
--------------------------- | ||
The 10% shades, being faint versions of the original Tube map colours, can be used for plot backgrounds, grids, or | ||
less prominent plot elements. | ||
|
||
.. image:: figures/colours10.png | ||
:alt: 10% shaded tube map colours | ||
:align: center | ||
:width: 600px | ||
|
||
--- | ||
|
||
Using the StonerPlots Colour Palette | ||
------------------------------------ | ||
The StonerPlots colour palette integrates seamlessly with matplotlib, allowing you to use colours based on their Tube map names. | ||
Here's an example of how the colour names could correspond to their respective London Underground lines: | ||
|
||
+-------------------+---------------------+ | ||
| Tube Line | Colour (Hex Code) | | ||
+===================+=====================+ | ||
| Bakerloo | #B36305 | | ||
| Central | #E32017 | | ||
| Circle | #FFD300 | | ||
| District | #00782A | | ||
| Hammersmith & City| #F3A9BB | | ||
| Jubilee | #A0A5A9 | | ||
| Metropolitan | #9B0056 | | ||
| Northern | #000000 | | ||
| Piccadilly | #003688 | | ||
| Victoria | #0098D4 | | ||
| Waterloo & City | #95CDBA | | ||
+-------------------+---------------------+ | ||
|
||
For shades, consider appending `90`, `70`, etc., to form a hierarchy of shades for the respective lines. | ||
|
||
--- | ||
|
||
## Notes | ||
- If you're unfamiliar with the TfL Tube map colours, they are based on London's underground transport line colours. | ||
More details can be found [here on Transport for London's website](https://tfl.gov.uk). | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.