ThomasG77

vega stocks spec forked to add shaded blocks

Often time series charts can be enhanced by shaded blocks to highlight events or periods as shown by this example which uses the R package xtsExtra. Vega specs already allow this functionality, and it is fairly easy to implement.

I added an events object to the JSON data array.

    {
      "name": "events",
      "values": [
        {"name":"Test1", "start":"Apr 2000", "end":"Mar 2003"},

ThomasG77

height: 600

ThomasG77

hg clone https://bitbucket.org/tiax/bitbucket-issues-cli # Fork repo with support for Git on Bitbucket
cd bitbucket-issues-cli
hg patch ../patch-bitbucket-issues-cli-1

ThomasG77

    	OpenLayers.Layer.D3 =  OpenLayers.Class(OpenLayers.Layer.Vector, {
				d3FeaturesNodeClass:'d3features',
				d3Features:[],
				afterAdd:function(){
					var self = this;

					if(this.renderer.CLASS_NAME.match(/SVG$/)){

						this.d3InitSVG();
	      				this.events.register('moveend',this,this.onMoveEnd);

ThomasG77

An example of LeafletJS using OpenStreetMap tiles and the Markers API (use the same API signature as Mapbox Markers API). You can define your own marker styles using the options outlined in simplestyle-spec, including all Maki icons.

ThomasG77

/node_modules/
bundle.js

ThomasG77

<?php
header('Content-Type: application/json; charset=UTF-8');
/**
 * PostGIS to GeoJSON
 * Query a PostGIS table or view and return the results in GeoJSON format, suitable for use in OpenLayers, Leaflet, etc.
 * 
 * @param 		string		$geotable		The PostGIS layer name *REQUIRED*
 * @param 		string		$geomfield		The PostGIS geometry field *REQUIRED*
 * @param 		string		$srid			The SRID of the returned GeoJSON *OPTIONAL (If omitted, EPSG: 4326 will be used)*
 * @param 		string 		$fields 		Fields to be returned *OPTIONAL (If omitted, all fields will be returned)* NOTE- Uppercase field names should be wrapped in double quotes

ThomasG77

Use OL3 and Google Maps together

This GIST provides an example of a Google Maps map with an OL3 map as control, to give users a Google base map with OL3 content on top.

Open the corresponding bl.ock to view the example in your browser.

Warning!

ThomasG77

This simple line chart is constructed from a TSV file storing the closing value of AAPL stock over the last few years. The chart employs conventional margins and a number of D3 features:

This also uses simple-statistics to derive a linear regression of the price changes.

• d3.tsv - load and parse data
• d3.time.format - parse dates
• d3.time.scale - x-position encoding
• d3.scale.linear - y-position encoding
• d3.extent - compute domains
• d3.svg.axis - display axes

ThomasG77

Example to ilustrate this question at gis.stackoverflow.

We choose to replace Turf with JSTS.

If the result is more complex (i.e. the resulting intersection is a polyline), the algorithm should be repeated for each part in the polygon.