Skip to content

Instantly share code, notes, and snippets.

View gladimdim's full-sized avatar
💭
Unreal Engine

Dmytro Gladkyi gladimdim

💭
Unreal Engine
View GitHub Profile
functino () { return 3;}
<zoomdata-visualization style="position: absolute; width: 600px; height: 500px;"
key="KVKWiD8kUl"
host="developer.zoomdata.com"
secure="true"
port="443"
path="/zoomdata-2.6"
source-name="My IMPALA Source"
visualization="Bars"
/>
import {Element as PolymerElement} from '../node_modules/@polymer/polymer/polymer-element.js';
import * as sdk from '../node_modules/zoomdata-client/distribute/sdk/zoomdata-client.js';
export class ZoomdataVisualization extends PolymerElement {
static get template() {
return `
<div class="wrapper">
<div id="visContainer" class="vis-content" style="width: 100%; height: 100%"/>
</div>
`;
connectedCallback() {
super.connectedCallback();
console.log(this.host); //will print host atribute value
}
import {Element as PolymerElement} from '../node_modules/@polymer/polymer/polymer-element.js';
import * as sdk from '../node_modules/zoomdata-client/distribute/sdk/zoomdata-client.js';
import * as AggregationControl from './aggregationpickercontrol.js';
export class ZoomdataVisualization extends PolymerElement {
static get template() {
return `
<style>
.wrapper {
display: grid;
import {Element as PolymerElement} from '../node_modules/@polymer/polymer/polymer-element.js';
class AggregationPickerControl extends PolymerElement {
static get template() {
return `
<div id="aggregations">
</div>
`;
}
constructor() {
static get template() {
return `
<style>
.wrapper {
display: grid;
grid-template-columns: 2rem auto 2rem;
grid-template-rows: 2rem auto 2rem;
width: 100%;
height: 100%;
}
<!doctype html>
<html>
<head>
<!-- Needed for visualization to run. Will be removed soon -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="module" src="src/zoomdata-visualization.js"></script>
</head>
<body style="margin: 0">
<zoomdata-visualization style="position: absolute; width: 600px; height: 500px;"
key="KVKWiD8kUl"
const initApp = async () => {
const meta = await initMetaThread();
console.log('Received meta data for source: ', meta);
}
<html>
<head>
<title>Zoomdata Meta Service</title>
<script src="http://developer.zoomdata.com/zoomdata-2.6/sdk/zoomdata-client.js"></script>
<script src="./app.js"></script>
</head>
<body>
</body>
</html>