Jeremy Stucki jstcki

Keybase proof

I hereby claim:

I am jerstucki on github.
I am jeremystucki (https://keybase.io/jeremystucki) on keybase.
I have a public key ASBKlemcHpNeMObrKnqsHfhx86MBIXlOx8tv4j8-lxTRugo

To claim this, I am signing this object:

Drag the blob to deform it. Press the shift key to show the underlying force simulation's nodes and links.

Uses d3-shape's line() and curveBasisClosed() functions to draw a blob from a graph.

This version tries to prevent the blob from collapsing using polygonHull() but this results in the removal of points and leads to jumpiness (you see the dragged point getting removed when you hold the shift key and drag it inside the blob). See the version without it for smoother dragging.

Drag the blob to deform it. Press the shift key to show the underlying force simulation's nodes and links.

Uses d3-shape's line() and curveBasisClosed() functions to draw a blob from a graph.

Inspired by Mike Bostock's Force Dragging III example.

Test case for React Motion issue #294.

When the animation has a low frame rate, React Motion's restarting logic restarts the animation constantly.

Built with blockbuilder.org

forked from anonymous's block: fresh block

Animation with Canvas. Runs with 23 – 24 FPS on a Retina MBP 13".

Also with D3 and React.

Animation with React and SVG. Runs with 8 – 9 FPS on a Retina MBP 13".

Also with D3 and Canvas.

Animation with D3 and SVG. Runs with 18 – 20 FPS on a Retina MBP 13".

Also with Canvas and React.

	import React from "react";
	import ReactDOM from "react-dom";
	import "./index.css";

	// Portal into a DOM element with ID 'sidebar'
	const Sidebar = ({ children }) =>
	ReactDOM.createPortal(children, document.getElementById("sidebar"));

	// Portal into a dynamically created iframe
	class IFrame extends React.Component {