Efrat Vilenski EfratVil

Using MathJax.js to display LaTeX equations in the browser.

Scatter plot with color coding according to Mahalanobis distance.

Line chart with fixed size slider. Slider can only be moved from side to side.

	<!DOCTYPE html>
	<meta charset="utf-8">
	<script src="//d3js.org/d3.v4.min.js"></script>

	<body>

	<script>
	var margin = 0,
	width = 600 - margin,
	height = 200 - margin;

	<!DOCTYPE html>
	<meta charset="utf-8">
	<script src="//d3js.org/d3.v4.min.js"></script>

	<body>

	<span class="leftlabel">0</span>
	<input id="range1" type="range" min="0" max="90" value="0" style="width: 300px; margin-right: 10px;" />
	<span class="rightlabel">100</span> <br/><br />

	<!DOCTYPE html>
	<meta charset="utf-8">
	<script src="//d3js.org/d3.v4.min.js"></script>

	<body>

	linearGradient with html / svg <br/>
	<svg width="620" height="120">
	<defs>
	<linearGradient id="gradient"> <!--gradientTransform="rotate(45)"-->

	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>highlight.js</title>
	<script src="//d3js.org/d3.v4.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/default.min.css" rel="stylesheet" />

	<script>hljs.initHighlightingOnLoad();</script>
	<style>

	<!DOCTYPE html>
	<meta charset="utf-8">
	<head>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	</head>
	<body>
	<script src="//d3js.org/d3.v4.min.js"></script>
	<div style="margin-left: 50px; margin-top: 20px;">
	<button id="btn1" type="button" class="btn btn-info btn-sm">Transition - Sequential</button>
	<button id="btn2" type="button" class="btn btn-info btn-sm">Transition - Together</button>