| # N.B. The only tool missing here that is mentioned in the document is `zenmap` | |
| # purely because this image is intended to be run via a CLI and `zenmap` is a GUI | |
| # to `nmap` i.e. one can play around with the tools by running: | |
| # | |
| # $ docker build --name bite_size_networking:latest . | |
| # $ docker run --rm -d --name bsn_test bite_size_networking:latest | |
| # $ docker exec -it bsn_test bash | |
| # | |
| # Alternatively, one can change the `ENTRYPOINT` to `["bash"]` and run: | |
| # |
This gist contains the code to create a simple "heat map" with D3.js. In this case, the "heat map" is a graph showing activity distributed over the days of the week on one axis and the weeks of the year on the other.
This gist is meant to be used as part of a workshop where the code is uncommented as the workshop progresses.
It could also be used as a puzzle outside of a workshop: follow the clues to reconstruct the correct code and make it work!
I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!
\
| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <canvas id="c" style="width:500px; height:500px; background-color: grey"> | |
| </canvas> | |
| <script> |