This is an example of the power of the D3 library and how you can use the drag behavior of D3 to control the position and shape of the SVG element.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html><head> <meta name="description" content="Simplest possible examples of HTML, CSS and JavaScript."/> <meta name="author" content="//samdutton.com"> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> <meta itemprop="name" content="simpl.info: simplest possible examples of HTML, CSS and JavaScript"> <meta itemprop="image" content="icon_192x192.png"> <meta name="mobile-web-app-capable" content="yes"> <meta id="theme-color" name="theme-color" content="#fff"> <base target="_blank"> <title>The video element: multiple videos</title><style>body{background-image: url("http://i.imgur.com/xlTahEK.jpg"); background-repeat: repeat-xy;}#animate{animation: move 3s ease infinite;}#random video{transform: rotate(2.75deg); animation: fadeInFromNone 10s ease infinite;}#random video:nth-child(1n){transform: none; animation: move 7s ease infinite;}#random video:nth-child(2n){transform: none; animation: move 10s ease infinite;}#random video:nth-child(3n){transform: rot |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var d3 = require('d3'); | |
var jsdom = require("jsdom-little"); | |
var React = require('react-native'); | |
var { View, Text } = React; | |
var Svg = require('./Svg'); | |
var parseDate = d3.time.format("%d-%b-%y").parse; | |
var D3Chart = React.createClass({ | |
componentDidMount() { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: gpl-3.0 | |
height: 960 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
### Keybase proof | |
I hereby claim: | |
* I am jakeniemiec on github. | |
* I am jakeniemiec (https://keybase.io/jakeniemiec) on keybase. | |
* I have a public key whose fingerprint is 122E FCBB ECBB CFF6 0FDC 07E6 DADD 249F 31CF E11E | |
To claim this, I am signing this object: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit |
If you're using SystemJS in the browser, you'll want to update your System config to point at the bundles, if you're not already.
System.config({
//use typescript for simple compilation (no typechecking)
//transpiler: 'typescript',
//typescript compiler options
//typescriptOptions: {
//emitDecoratorMetadata: true
//},
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// === Arrays | |
var [a, b] = [1, 2]; | |
console.log(a, b); | |
//=> 1 2 | |
// Use from functions, only select from pattern | |
var foo = () => [1, 2, 3]; |
OlderNewer