These diagrams of early networks feel like manuscripts that you’d half expect to be marked with “Here be dragons” at the edges.
This is a nifty visualisation by Hui Jing. It’s really handy to have elements categorised like this:
- Root elements
- Interactive elements
- Document metadata
- Tabular data
- Grouping content
- Embedded content
- Text-level semantics
These are beautiful!
Featured below is a chronology of various attempts through the last four centuries to visually organise and make sense of colour.
If you’re prepping your defences against the snooper’s charter (and you/I should be), Andy recommend using NordVPN.
This could be a handy replacement for some Google Charts images of graphs. It uses SVG and is responsive by default.
I bet it wouldn’t be too tricky to use this to make some sparklines.
What a lovely bit of progressive enhancement—styling data tables to display as charts.
This sounds like it could be a very useful tool to introduce early in projects to get a shared understanding of progressive enhancement.
And that’s why you always use progressive enhancement!
A nice little pattern for generating a swish timeline in SVG from a plain ol’ definition list in HTML.
Beautiful visualisations of science and nature.
Made with love by a designer with a molecular biology degree.
Data visualisations that make no sense.
A very handy technique from Cennydd for answering the “it depends” question of when you might need a separate device-specific site (‘though I think that a separate can be a good option in addition to a responsive site, rather than instead of).
Remember when I made that canvas sparkline script? Remember when Stuart grant my wish for an SVG version? Well, now Tom has gone one further and created a hosted version on sparksvg.me
Not a fan of sparklines? Bars and circles are also available.
Mashing up Angry Birds and spreadsheets to better visualise project time-tracking.