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 date/timestamp-value pairs
    start: start_date, // A Date object (default: today's date in past year)
    legend_colors: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'], // Set of five incremental colors

Frappé Charts →



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 supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.

MetricsGraphics.js →

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 more introvert)! It gets really interesting when combined with Graph Search:


Looks like I don’t need to install this one, yet 😉

Bang With Friends →

(via Teusje)

For Professionals, there’s also Bang With Professionals, where one has to log in using his LinkedIn account 😀