wvengen

d3.chart.sankey: Reusable D3 Sankey diagram using d3.Chart.

This diagram shows how the ingredients may contribute to the total sustainability of a chocolate bar through different issues.

wvengen

d3.chart.sankey: Reusable D3 Sankey diagram using d3.Chart.

D3's classic energy sankey diagram built using d3.chart.sankey.

wvengen

d3.chart.sankey: Reusable D3 Sankey diagram using d3.Chart.

Interactive Sankey diagram.

wvengen

Testing Carla's VST bridge in a VM with netjack

Install Ubuntu Server 15.04 in VirtualBox and enable OpenSSH. Then:

sudo apt-get install -yy apt-transport-https software-properties-common wget
wget https://launchpad.net/~kxstudio-debian/+archive/kxstudio/+files/kxstudio-repos_9.2.0~kxstudio1_all.deb
sudo dpkg -i kxstudio-*.deb

sudo apt-get update

wvengen

Finding a Ruby memory leak using a time analysis

When developing a program in Ruby, you may sometimes encounter a memory leak. For a while now, Ruby has a facility to gather information about what objects are laying around: ObjectSpace.

There are several approaches one can take to debug a leak. This discusses a time-based approach, where a full memory dump is generated every, say, 5 minutes, during a time that the memory leak is showing up. Afterwards, one can look at all the objects, and find out which ones are staying around, causing the

wvengen

Basic example showing how to make a chart based on d3.chart using the new and shiny UMD interface. This is currently being discussed in #117, and not ready for use. It will be! present from d3.chart 0.3.0 onwards.

1. git clone https://gist.github.com/5789e5b2a295156ea48e.git && cd 5789e5b2a295156ea48e.git
2. npm install
3. webpack index.js build.js
4. open index.html
5. see a basic circle graph

wvengen

// Basic Android-implementation of Modal
//
// based on https://github.com/niftylettuce/react-native-loading-spinner-overlay

import React, {StyleSheet, View} from 'react-native';

const Portal = require('react-native/Libraries/Portal/Portal.js');

export default React.createClass({

wvengen

Basic redux-api sample

redux-api makes it easy to access REST APIs from a React+Redux app. This is a very basic example app showing its usage.

See it in action

wvengen

The Raspberry Pi doesn't really have a proper audio interface. What options are available to give it one? This is a list o I2S-based Raspberry-Pi-compatible add-on boards (HATs) that also provide amplification, so you can directly connect at least two speakers.

• IQaudioIO's Pi-DigiAMP+
• Allo's Piano 2.1 HiFi DAC + Volt AMP
• LOCO DAC AMP
• Collybia's Mamboberry HiFi DAC + external amplifier
• HiFiBerry AMP+

wvengen

redux-api provides an easy and flexible way to interface with REST APIs in Redux (e.g. when building a React app). It works pretty well when there you know beforehand what API calls you're going to make, and define them in its configuration object.

But when you want to make multiple calls to the same endpoint, and don't know beforehand how many, you're a bit out of luck. In my case, I had a product listing where each product had a category and a score. In a summary overview, I wanted to show a histogram of the scores for each category. That means: first a request to the categories endpoint, and then for each of the categories, a request to the histogram endpoint.

This is an example of how to do that.