Vanilla Bundle

Install#

npm install @upsetjs/bundle

yarn add @upsetjs/bundle

Example#

import { extractCombinations, renderUpSetJS } from '@upsetjs/bundle';

const elems = [
  { name: 'A', sets: ['S1', 'S2'] },
  { name: 'B', sets: ['S1'] },
  { name: 'C', sets: ['S2'] },
  { name: 'D', sets: ['S1', 'S3'] },
];
const { sets, combinations } = useMemo(() => extractCombinations(elems), [elems]);

let selection = null;

function onHover(set) {
  selection = set;
  rerender();
}

function rerender() {
  const props = { sets, combinations, width: 780, height: 400, selection, onHover };
  renderUpSetJS(document.body, props);
}

rerender();