dj dennisja

A box-and-whisker plot with axes. Based on Mike Bostock's implementation. Instead of using individual svg elements as in Mike's implementation, here all boxplots are rendered with in one root element. This makes it easy to add axes.

Further differences between the two implementations are:

visibility of boxplot labels can be switched with the labels variable
CSV files are supported in which each column is an independent variable and each row contains measurements for all variables (see data.csv)
transitions are not used here but can be easily added again

	import React, { useState, useEffect } from "react";
	import ReactDOM from "react-dom";
	import makeHookCompat from "./src";

	// make a hook as usual
	function useMedia(query) {
	let [matches, setMatches] = useState(window.matchMedia(query).matches);

	useEffect(() => {
	let media = window.matchMedia(query);

	"use strict";

	[foo,bar] = TNG(foo,bar);
	// NOTE: intentionally not TNG(..) wrapping useBaz(), so that it's
	// basically like a "custom hook" that can be called only from other
	// TNG-wrapped functions

	function foo(origX,origY) {
	var [x,setX] = useState(origX);
	var [y,setY] = useState(origY);

	class Foo {
	constructor(x) { this.foo = x; }
	hello() { console.log(this.foo); }
	}

	class Bar extends Foo {
	constructor(x) { super(x); this.bar = x * 100; }
	world() { console.log(this.bar); }
	}

	/**
	* return the mid value among x, y, and z
	* @param x
	* @param y
	* @param z
	* @param compare
	* @returns {Promise.<*>}
	*/
	async function getPivot(x, y, z, compare) {
	if (await compare(x, y) < 0) {

	--
	-- Table structure for table `currency`
	--

	CREATE TABLE IF NOT EXISTS `currency` (
	`iso` char(3) CHARACTER SET utf8 NOT NULL DEFAULT '',
	`name` varchar(200) COLLATE utf8_unicode_ci NOT NULL,
	PRIMARY KEY (`iso`),
	UNIQUE KEY `name` (`name`)
	) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;