{"version":"1.0","type":"rich","title":"XKCD plots in d3","description":"This example recreates the hand-drawn aesthetic of XKCD comics in D3.js by rendering jagged, slightly distorted line plots and axes. It uses a custom path interpolation function to add jitter to every line, including the axes and arrowheads, while a custom \"xkcd\" font styles the title and labels. The code generates two mathematical functions (an exponential sine wave and a cosine wave) with `d3.range`, then plots them using `d3.svg.line` with the quirky interpolation. Built with D3 v2 and SVG rendering, the example demonstrates how to bend standard chart elements into a playful, informal visual style.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/gist-6b8558b58dd7e0a564b0c9bd342a6406?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}