Giter Club home page Giter Club logo

PolymerVis

PolymerVis is a suite of Polymer elements for visualizations.

Quick start

Import the polymer-vis.html file to use any of the utility functions.

<link rel="import" href="../bower_components/polymer-vis.html">

Alternatively, you can also include it as a script instead.

<script src="../bower_components/build/es5/polymer-vis.js"></script>

API reference

PolymerVis.loadScript(src, onload, onerror, optAsync) ⇒ HTMLScriptElement

Convenience method for dynamically loading a script.

This method creates a new <script> element with the provided URL and appends it to the document to start loading. In the onload callback, the import property of the link element will contain the imported document contents.

Kind: global method of PolymerVis.loadScript

Param Type Description
src string The url to the script to load.
onload function callback when script is loaded.
onerror function callback when error loading script.
optAsync boolean whether to execute the script asynchronously.

PolymerVis.loadStylesheet(href, onload, onerror, optAsync) ⇒ HTMLLinkElement

Convenience method for dynamically loading a stylesheet.

This method creates a new <link rel="stylesheet"> element with the provided URL and appends it to the document to start loading. In the onload callback, the import property of the link element will contain the imported document contents.

Kind: global method of PolymerVis.loadStylesheet

Param Type Description
href string The url to the script to load.
onload function callback when script is loaded.
onerror function callback when error loading script.
optAsync boolean whether to execute the script asynchronously.

PolymerVis.insertCssIntoShadowRoot(cssSrc, shadowRoot, onload, id) ⏏

Load an external CSS file, and insert a style element into the shadowRoot.

Kind: global method of PolymerVis.insertCssIntoShadowRoot

Param Type Description
cssSrc String url to the css file
shadowRoot String Node to insert the style element
onload function callback when CSS is inserted
id String id for style element

Example

PolymerVis.insertCssIntoShadowRoot('https://some.css', ele.shadowRoot, 'custom');

PolymerVis.isInShadowRoot(node) ⇒ Node

Check if the node is inside a shadowRoot or not. Return the shadowRoot otherwise return false.

Kind: global method of PolymerVis.isInShadowRoot

Param Type Description
node Node the node to check

PolymerVis's Projects

deck-gl icon deck-gl

deck-gl is a Polymer 1.0 element that wraps deck.gl and luma.gl to render powerful webGL-based geospatial visualization.

file-drop-zone icon file-drop-zone

Polymer 2.0 element for dragging and dropping files into a customizable dropzone.

hiveoss-animated-layout icon hiveoss-animated-layout

A polymer 1.0 component which abstracts the neon-animation hero transition between 2 views. The component takes any child elements and separate them into 2 views based on their classes. There is a initial load view that can comprise of any number of elements and a page view that will display a detailed view of the selected view.

mapbox-gl icon mapbox-gl

Polymer 2.0 custom element for mapbox-gl-js. Uses WebGL to render interactive maps from vector tiles and Mapbox styles - compatible with deck-gl.

marked-vega icon marked-vega

Polymer 2.0 add-on element for marked-element to render Vega and Vega-Lite charts from markdown.

monaco-editor icon monaco-editor

Polymer 2.0 element for Monaco Editor, a browser-based code editor that also powers Microsoft Visual Studio.

papa-parse icon papa-parse

Polymer 2.0 element for CSV parsing with Papa parse.

polymer-vis icon polymer-vis

Global namespace with some utility functions for PolymerVis.

polymervis-tools icon polymervis-tools

A mono-repo with various tools for polymer or lit-html based web-components.

retext-elements icon retext-elements

A suite of Polymer 2.0 element to do text processing such as calculating readability scores.

vega-element icon vega-element

Custom element for rendering interactive data visualization with Vega and Vega-Lite.

vega-lite icon vega-lite

A high-level grammar for visual analysis, built on top of Vega.

web-worker icon web-worker

Polymer 2.0 element to data-bind with a web-worker or to run ad-hoc function asynchronously without blockin the UI thread.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.