Tag Archives: graph

Frappé Charts

GitHub-inspired simple and modern charts for the web with zero dependencies. The typical Github monthly activity map is also possible: import Chart from ‘frappe-charts/dist/frappe-charts.min.esm’; const heatmap = new Chart({ parent: “#heatmap”, type: ‘heatmap’, height: 115, data: heatmap_data, // object with … Continue reading

Elsewhere , , , 1 Comment


MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently … Continue reading

Elsewhere , , , , , Leave a comment


Easy, object oriented client side graphs for designers and developers Nice output! Insufficient if you want complex charts (or a combination of chart types) though, but sometimes simple is more than enough 🙂 Chart.js →

Elsewhere , , , , Leave a comment

Bang With Friends

Sometime last week BangWithFriends started going round. The app lets you (anonymously) mark Facebook friends you are sexually interested in. If the interest is mutual, you’ll both be notified. Brilliant app I must say (it makes our promiscue youth even … Continue reading

Elsewhere , , , 1 Comment

Spark SVG

Easily integrate sparklines into your website. Host it yourself, or embed the hosted version. <embed src="//sparksvg.me/line.svg?10,12,3,4,8,20,15,9,7,9,10,6,4,0,4,7,10,8,12,9,7,3,0" type="image/svg+xml"> Results in: Spark SVG →

Elsewhere , , , , Leave a comment

sigma.js — Web network visualization made easy

sigma.js is a free and open-source JavaScript library to draw graphs, using the HTML5 canvas element. It has been especially designed to share interactive network maps on a Web page or to explore dynamically a network database. sigma.js →

Elsewhere , , , , Leave a comment


Rickshaw is a JavaScript toolkit for creating interactive time series graphs Rickshaw →

Elsewhere , , , , Leave a comment