You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
3.0 KiB
112 lines
3.0 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
|
|
|
|
<style>
|
|
* {
|
|
font-family:Indie Flower;
|
|
letter-spacing:0.7px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul {
|
|
background:#f7f7f7;
|
|
border:1px solid #e0e0e0;
|
|
left:0;
|
|
list-style-type:none;
|
|
padding:5px;
|
|
position:absolute;
|
|
top:0;
|
|
}
|
|
|
|
.subunit.SCT { fill: #ddc; }
|
|
.subunit.WLS { fill: #cdd; }
|
|
.subunit.NIR { fill: #cdc; }
|
|
.subunit.ENG { fill: #dcd; }
|
|
.subunit.IRL { display: none; }
|
|
|
|
.subunit-boundary {
|
|
fill: none;
|
|
stroke: #f00;
|
|
stroke-dasharray: 2,2;
|
|
stroke-linejoin: round;
|
|
}
|
|
|
|
.subunit-boundary.IRL {
|
|
stroke: #aaa;
|
|
}
|
|
|
|
.place-label {
|
|
font-size:11px;
|
|
left:20px;
|
|
}
|
|
|
|
.subunit-label {
|
|
fill: #777;
|
|
fill-opacity: .5;
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
text-anchor: middle;
|
|
}
|
|
|
|
svg {
|
|
/*background: #098347;*/
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<script src="d3.min.js"></script>
|
|
<script src="view/meshface.js"></script>
|
|
<script src="view/meshseed.js"></script>
|
|
<script src="view/mesh.js"></script>
|
|
<script src="view/svg.js"></script>
|
|
|
|
NEXT:
|
|
<a href="http://bl.ocks.org/mbostock/4699541" target="_blank">http://bl.ocks.org/mbostock/4699541</a>
|
|
|
|
<a href="http://bl.ocks.org/mbostock/6123708" target="_blank">http://bl.ocks.org/mbostock/6123708</a>
|
|
|
|
<!-- <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script> -->
|
|
<!-- <script src="//d3js.org/topojson.v1.min.js"></script> -->
|
|
|
|
<!-- <script src="gradients-v1.js"></script> -->
|
|
<!-- <script src="gradients-v2.js"></script> -->
|
|
<!-- <script src="gradients-v3.js"></script> -->
|
|
<!-- <script src="gradients-v4.js"></script> -->
|
|
|
|
<!--
|
|
46026: 37.755 N 122.839 W (37°45'18" N 122°50'21" W)
|
|
|
|
http://www.ndbc.noaa.gov/data/realtime2/46026.txt
|
|
http://www.ndbc.noaa.gov/data/realtime2/ANVC1.txt
|
|
http://www.ndbc.noaa.gov/maps/San_Francisco.shtml
|
|
http://www.ndbc.noaa.gov/view_text_file.php?filename=46022h2014.txt.gz&dir=data/historical/stdmet/
|
|
|
|
DISCUSS:
|
|
Gradient evolution
|
|
- Opacity solution lacks saturation and transition alignment (omit?)
|
|
- Composite solution overly complex and lacks transition alignment
|
|
- Square mesh OK, causes diamond-shaped artifacts
|
|
- Triangle mesh?
|
|
|
|
gourand / phong?
|
|
Delaunay / Voronoi
|
|
Mesh gradients / coon mesh (http://www.svgopen.org/2011/papers/18-Advanced_Gradients_for_SVG/)
|
|
feImage
|
|
|
|
ogr2ogr -f GeoJSON -clipsrc -114 32.5 -125 43 -where "name IN ('California', 'Oregon', 'Nevada', 'Idaho')" california.geojson states.shp
|
|
|
|
http://dvisvgm.bplaced.net/Gradients
|
|
http://www.gdal.org/ogr_sql.html
|
|
http://www.sarasafavi.com/intro-to-ogr-part-i-exploring-data.html
|
|
-->
|
|
|
|
<h3>ETL Stage</h3>
|
|
|
|
</body>
|
|
</html>
|
|
|