h2oai/aggregator-zoom

Name: aggregator-zoom

Owner: H2O.ai

Description: null

Created: 2016-10-31 17:19:39.0

Updated: 2017-04-20 03:13:55.0

Pushed: 2017-04-19 21:40:49.0

Homepage: null

Size: 8408

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

aggregator-zoom

demo

install dependencies
npm install

now, open a browser with CORS (cross-origin protection) disabled
open -a Google\ Chrome --args --disable-web-security --user-data-dir
open -a Google\ Chrome\ Canary --args --disable-web-security --user-data-dir

start the app
npm run start

visit localhost:3000

development

install dependencies
npm install

add the config for your h2o-3 server in src/config/

tell the visualization to use your new config file in
src/drawScatterplot.js

now, open a browser with CORS disabled

now, open a browser with CORS (cross-origin protection) disabled
open -a Google\ Chrome --args --disable-web-security --user-data-dir
open -a Google\ Chrome\ Canary --args --disable-web-security --user-data-dir

start the app
npm run start

visit localhost:3000

API Reference

a work in progress

to configure the opacity (color shade) of the top-level scatterplot points:

opacityMin a number. values that produce nice results range from 0 and 0.7. defaults to 0.05 if unspecified. opacityScaleExponent a number. values values that produce nice results range from 0.1 to 2. defaults to 0.5 if unspecified.

example usage:

rt const worldCitiesConfig = {
rver: '172.16.2.141',
rt: '54321',
gregatorModelID: 'aggregator-f34c7f25-18f6-4eab-a4e2-1868378fde15',
emplarFrame: 'aggregated_worldcitiespop.hex_by_aggregator-f34c7f25-18f6-4eab-a4e2-1868378fde15',
lumnOffset: '0',
lumnCount: '8',
faultXVariable: 'Longitude',
faultYVariable: 'Latitude',
oltipVariables: ['City'],
acityMin: 0.05,
acityScaleExponent: 0.5