Chris Viau biovisualize

Parse and append an HTML or SVG string. I use it a lot for appending a template, instead of generating it with d3.

d3.select('.container').appendHTML('<div><svg><g><rect width="50" height="50" /></g></svg></div>');

Unlike using .html, .appendHTML can append multiple elements

d3.select('.container').html('<span id="a"></span>');
d3.select('.container').html('<span id="b"></span>'); // will replace content
d3.select('.container').appendHTML('<span id="c"></span>'); // will append content

Built with blockbuilder.org

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<script src="https://d3js.org/d3.v3.min.js"></script>
	<style>
	.panel {
	fill: black;
	}

	onmessage = function (event) {
	var img = event.data[0];
	var data = img.data;
	var W = event.data[1];
	var H = event.data[2];
	var W2 = event.data[3];
	var H2 = event.data[4];
	var img2 = event.data[5];
	var data2 = img2.data;

	onmessage = function (event) {
	var img = event.data[0];
	var data = img.data;
	var W = event.data[1];
	var H = event.data[2];
	var W2 = event.data[3];
	var H2 = event.data[4];
	var img2 = event.data[5]
	var data2 = img2.data;

	onmessage = function (event) {
	var img = event.data[0];
	var data = img.data;
	var W = event.data[1];
	var H = event.data[2];
	var W2 = event.data[3];
	var H2 = event.data[4];
	var img2 = event.data[5];
	var data2 = img2.data;

	onmessage = function (event) {
	var img = event.data[0];
	var data = img.data;
	var W = event.data[1];
	var H = event.data[2];
	var W2 = event.data[3];
	var H2 = event.data[4];
	var img2 = event.data[5];
	var data2 = img2.data;