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:

jstcki

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 {

jstcki

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.

jstcki

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.

jstcki

Test case for React Motion issue #294.

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

jstcki

license: mit

jstcki

Built with blockbuilder.org

forked from anonymous's block: fresh block

jstcki

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

Also with D3 and React.

jstcki

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

Also with D3 and Canvas.

jstcki

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

Also with Canvas and React.