An interactive multi-line chart.
Note, I borrowed a bit of code from Duopixel's excellent code sample here.
Built with blockbuilder.org
An interactive multi-line chart.
Note, I borrowed a bit of code from Duopixel's excellent code sample here.
Built with blockbuilder.org
import * as d3 from "d3"; | |
export default class D3BubbleChart { | |
constructor(domEl, { width, height, nodes = [] }) { | |
this.domEl = domEl; | |
this.width = width; | |
this.height = height; | |
// and the svg container | |
this.setup(nodes); |
import React, { useRef, useEffect } from 'react'; | |
export default ({ | |
artifacts, | |
width, | |
height, | |
}) => { | |
const root = useRef(); | |
const context = useRef(); |
import React from "react"; | |
export default ({ artifacts, width, height }) => ( | |
<svg width={width} height={height}> | |
<g transform={`translate(${width / 2}, ${height / 2})`}> | |
{artifacts.map((item, index) => ( | |
<circle | |
r={item.radius} | |
color={item.color} | |
key={index} |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title></title> | |
</head> | |
<body> | |
var ffprobe = require('ffprobe'), | |
ffprobeStatic = require('ffprobe-static'); | |
ffprobe('/Users/gion/Downloads/landscape-fail.mp4', { path: ffprobeStatic.path }, function (err, info) { | |
if (err) { | |
console.log('error'); | |
console.log(err); | |
} else { | |
console.log('COOOOOL'); | |
console.log(JSON.stringify(info)); |
Forked from Razvan Tudosa's Pen Flexbox showcase.
Forked from Razvan Tudosa's Pen Flexbox showcase.
A Pen by bogdan gradinariu on CodePen.
#Download Android SDK from Google and unzip it | |
curl --location http://dl.google.com/android/android-sdk_r24.1.2-linux.tgz | tar -x -z -C $HOME | |
export ANDROID_HOME=$HOME/android-sdk-linux | |
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools | |
#Thanks to https://github.com/makinacorpus/android-archetypes/wiki/Getting-started:-Configure-your-environment for the command lines | |
#While loop is for auto-accept licence terms (press y every 1 sec) | |
#Install build tools | |
( sleep 1 && while [ 1 ]; do sleep 1; echo y; done ) | android update sdk --no-ui --all --filter tools,platform-tools,build-tools-21.1.2 | |
#Now we want at least two SDK to test our build |
#Download Android SDK from Google and unzip it | |
curl --location http://dl.google.com/android/android-sdk_r24.1.2-linux.tgz | tar -x -z -C $HOME | |
export ANDROID_HOME=$HOME/android-sdk-linux | |
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools | |
#Thanks to https://github.com/makinacorpus/android-archetypes/wiki/Getting-started:-Configure-your-environment for the command lines | |
#While loop is for auto-accept licence terms (press y every 1 sec) | |
#Install build tools | |
( sleep 1 && while [ 1 ]; do sleep 1; echo y; done ) | android update sdk --no-ui --all --filter tools,platform-tools,build-tools-21.1.2 | |
#Now we want at least two SDK to test our build |