jennyknuth

jennyknuth

jennyknuth

jennyknuth

jennyknuth

jennyknuth

How to transform an SVG into a data URI

by Jenny Knuth, based on the work of Chris Coyier and Taylor Hunt

A data URI is a nice way to include a web resource without needing to make an HTTP request. Chris Coyier explains the technique nicely in Probably Don't Base64 SVG.

While a PNG might use Base64 encoding, for SVG, there is a better way.

Taylor Hunt's experiments led to this solution for optimizing SVGs in data URIs:

"So the best way of encoding SVG in a data URI is data:image/svg+xml,[actual data]. We don’t need the ;charset=utf-8 parameter (or the invalid ;utf8 parameter…), because URLs are always ASCII."

jennyknuth

HTML Colors

All 140 HTML colors as JSON objects with fields:

• name
• hex
• rgb
• families

jennyknuth

CellLab-CTS Model of Isostropic Turbulent Suspension

![] (https://gist.githubusercontent.com/jennyknuth/0be5370ced7dd9170a39/raw/4179b5111f41a008e71a03fcb2fe8e36497c639a/isotropic_suspension_example.png)

CellLab-CTS model of grains suspended in a stirred (turbulent) fluid. Grain motion is modeled as a transition that switches the position of grain and fluid at a user-specified rate. In this example, we assume that the grains are 1 mm diameter tea leaves and the characteristic turbulent velocity fluctuation is 0.01 m/s, so that cell size equals 0.001 m and the mean transition rate is 10 cells/second.

jennyknuth

A Tutorial on Quickly Building 2D Models in Landlab

Computer models can be tremendously useful in both exploring and visualizing the consequences of scientific hypotheses and comparing these predictions with data. New ideas and discoveries require new models.

In an ideal world, the necessary programming, testing, and debugging would be trivial, leaving us free to focus on the core science. In practice, however, high-quality scientific programming takes time.

`Landlab

jennyknuth

Make a heat map graphic with D3.js

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!