3 ms·
Side note: people have been inquiring how I made the diagrams and whatnot. I'll put a little section like that on the next article. For now though: The two m
by trentnelson 8y ago
Side note: people have been inquiring how I made the diagrams and whatnot. I'll put a little section like that on the next article. For now though:
The two main diagrams, depicting struct layout and then the 5-pane register walk through, were done in Visio, then saved as SVG, with fonts edited directly in Vim (took a few cycles to figure out which fonts looked best across all devices).
The charts were done in Excel, connected to the CSV data files produced by the benchmark utility, then wired up using a PivotTable. A PivotChart was created, Save As -> PDF, edit PDF in Inkscape, delete surrounding border, crop canvas to fit diagram, Save As -> SVG. Edit SVG fonts in Vim, voila, nice vectorized graph!
Sounds laborious, and it took forever to get the flow down, once I'd settled on a process it was pretty easy to whip up new graphs.
- BonesJustice 8y agoI admire your attention to detail and keen sense of aesthetics. Well done.
- trentnelson 8y agoThanks! Joe Walnes should get credit for the underlying HTML and CSS and site design and whatnot... I lovingly pilfered[1] his websocketd[2] site a while back for PyParallel[3] and liked it so much I decided it to use it for this personal site as well. [1]: https://twitter.com/joewalnes/status/567495778349113345 https://twitter.com/joewalnes/status/567495778349113345 [2]: http://websocketd.com/ http://websocketd.com/ [3]: http://pyparallel.org/ http://pyparallel.org/