Remove react router

This commit is contained in:
Colin Megill
2017-10-04 01:06:24 -07:00
parent 7a439a0dcf
commit 1a16377880
10 changed files with 0 additions and 294 deletions
-73
View File
@@ -1,73 +0,0 @@
<!DOCTYPE html>
<style>
.domain {
display: none;
}
</style>
<svg width="960" height="960"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-contour.v1.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script>
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height"),
margin = {top: 20, right: 30, bottom: 30, left: 40};
var x = d3.scaleLog()
.domain([2e-1, 5e0])
.rangeRound([margin.left, width - margin.right]);
var y = d3.scaleLog()
.domain([3e2, 2e4])
.rangeRound([height - margin.bottom, margin.top]);
var color = d3.scaleSequential(d3.interpolateYlGnBu)
.domain([0, 1.8]); // Points per square pixel.
svg.append("g")
.attr("transform", "translate(0," + (height - margin.bottom) + ")")
.call(d3.axisBottom(x).ticks(null, ".1f"))
.select(".tick:last-of-type text")
.select(function() { return this.parentNode.appendChild(this.cloneNode()); })
.attr("y", -3)
.attr("dy", null)
.attr("font-weight", "bold")
.text("Carats");
svg.append("g")
.attr("transform", "translate(" + margin.left + ",0)")
.call(d3.axisLeft(y).ticks(null, ".1s"))
.select(".tick:last-of-type text")
.select(function() { return this.parentNode.appendChild(this.cloneNode()); })
.attr("x", 3)
.attr("text-anchor", "start")
.attr("font-weight", "bold")
.text("Price (USD)");
d3.tsv("diamonds.tsv", function(d) {
d.carat = +d.carat;
d.price = +d.price;
return d;
}, function(error, diamonds) {
if (error) throw error;
svg.insert("g", "g")
.attr("fill", "none")
.attr("stroke", "#000")
.attr("stroke-width", 0.5)
.attr("stroke-linejoin", "round")
.selectAll("path")
.data(d3.contourDensity()
.x(function(d) { return x(d.carat); })
.y(function(d) { return y(d.price); })
.size([width, height])
.bandwidth(10)
(diamonds))
.enter().append("path")
.attr("fill", function(d) { return color(d.value); })
.attr("d", d3.geoPath());
});
-25
View File
@@ -1,25 +0,0 @@
.heroContainer {
width: 100%;
height: 95vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hero {
font-size: 48px;
margin-bottom: 0;
}
.subHero {
font-size: 18px;
max-width: 600px;
text-align: center;
}
.or {
margin: 20px;
font-family: Georgia;
font-style: italic;
}
-27
View File
@@ -1,27 +0,0 @@
import React from 'react';
import { Link } from 'react-router-dom';
import Helmet from 'react-helmet';
import styles from './page2.css';
import buttonStyles from './buttons.css';
import Container from './container';
const Page2 = () => (
<Container>
<Helmet title="cellxgene" />
<div className={styles.heroContainer}>
<h1 className={styles.hero}>cellxgene</h1>
<p className={styles.subHero}>
A data exploration interface for single cell genetic expression matrices. Subset, filter, cluster & validate, all in one place.
</p>
<div>
<Link to="/"><button className={buttonStyles.primaryButton}>explore a sample dataset</button></Link>
<span className={styles.or}>or</span>
<button className={buttonStyles.primaryButton}>get started with your own data</button>
</div>
</div>
</Container>
);
export default Page2;