Giter VIP home page Giter VIP logo

dashboards's Introduction

Keen

The Complete Event Data Management Solution

written in typescript styled with prettier tested with jest Commitizen friendly yarn lerna Known Vulnerabilities codecov

This project contains mono-repository for Keen.io Front-End projects and applications.

Documentation

All documentation, including charts, widgets and dataviz can be found at Storybook

Contribution guide

This is an open source project and we love involvement from the community! Hit us up with pull requests and issues.

Examples

Example dashboards build with keen.io visualization libraries.

Smart Home Monitoring

widgets

Smart Home Dashboard

Marketing performance dashboard

widgets2

Marketing Dashboard

Packages

@keen.io/charts

Set of reusable plots components built with React and D3.

@keen.io/colors

Color palette used by Keen.

@keen.io/dataviz

The DataViz is abstraction layer that connects Keen Analytics API with visualization components. It allows to seamlessly embed and deliver metrics within your user interface with minimal effort.

@keen.io/embedded-registration

Embeddable registration component used by keen.io for HubSpot integration.

@keen.io/forms

Set of form helpers used in keen.io projects.

@keen.io/icons

Set of icons used in keen.io projects.

@keen.io/parser

Set of parsers that are used internally to transform Keen API responses into @keen.io/charts friendly format.

@keen.io/pubsub

Implementation of PubSub messaging service.

@keen.io/react-hooks

Custom hooks used in keen.io projects.

@keen.io/storybook-utils

Helper functions used internally in Keen Storybook.

@keen.io/toast-notifications

keen.io wrapper for react-toast-notifications package.

@keen.io/tracking-lite

Light and simple version on Keen Tracking library - used for integration with Google Tag Manager.

@keen.io/ui-core

Set of reusable visual React components used in keen.io Front-End projects.

@keen.io/widgets

Higher visualization layer that connects @keen.io/charts with other React components that could be used to interact with charts plots.

npm scripts

List of useful commands that could be used by developers. Execution in the command-line interface should be prefixed with yarn package manager.

Command Description
storybook run storybook for development on port 3000
build-storybook build storybook production distribution.
lint run linter against current application codebase.
test run unit tests.
test:cov run unit tests with coverage reporter.
prettier run code formatter process against current codebase.

commit

This project uses Conventional Commits to enforce common commit standards.

Command Description
npx git-cz run commit command line interface.

build packages

Command Description
npx lerna run build run build script from package.json for each package

add dependency to package

Command Description
npx lerna add <name>[@ver] packages/<name> [--dev] Add dependency to specific package in mono-repository.

updating dependencies

Command Description
update-packages run update wizard command line interface.

deployments

The all commits pushed into master branch will be picked by CircleCI workflow that perform npm packages version and publish.

license

MIT

Copyright (c) 2019-2020 Keen.io.

dashboards's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dashboards's Issues

how to connect to flask,pymongo(example:starterkit)

import pymongo
from pymongo import MongoClient
from flask import Flask, request, render_template_string, redirect, render_template
import json
from bson import json_util
from bson.json_util import dumps
app = Flask(name)

FIELDS = {'dateTime':True, ... , '_id': False}

@app.route("/")
def index():
return render_template("index.html")

@app.route("/XXX/oldData")
def donorschoose_projects():
connection = pymongo.MongoClient('localhost',27017)
collection = connection.XXX.oldData
projects = collection.find(projection=FIELDS)
json_projects = []
for project in projects:
json_projects.append(project)
json_projects = json.dumps(json_projects, default=json_util.default)
connection.close()
return json_projects

if name == "main":
app.run()

After that, what should i do?

Refresh charts on resize

If you resize your browser window, you get some pretty crazy weirdness with the charts overflowing containers and have to reload the page to get them to look right. It'd be nicer to detect the resize if possible and just refresh the chart objects automatically.

Bootstrap 4?

Hello,

Great dashboards!

Are there plans to build for Bootstrap 4 in the future?

Bower package is empty

I don't know why, but bower install keen-dashboards results in a license, a README, and nothing else.

Which is a shame, really; you could easily install the necessary CSS and whathaveyou by specifying it as such in the main stanza, which would mean folks like me who use Yeoman could use your layouts far more easily.

Might write a PR.

Information on data format

I've downloaded the examples but I'm struggling to work out how to implement the data the charts. Is there any further documentation?
Thanks
Paul

Make backends/APIs pluggable

I'm considering using Keen IO Dashboards in my own project, but would like to be able to plug in a different backend, with a different API. I'm guessing this is currently not possible. Is this something that could be abstracted to make it possible for others to call different backends with different APIs/queries, but still use Keen IO Dashboards?

Minor typo in readme

Thought about doing a pull request, but figured a comment would be better.

Minor typo in readme:
git clone https://github.com/username/dashboards.git

Should say:
git clone https://github.com/keen/dashboards.git

Usage instructions don't match repo

https://github.com/keen/dashboards#usage instructs to navigate to your keen project or to go to the repository and navigating to demo-data, to see javascript files. There's no folder "demo-data" in the repo. It appears that in the keen project one needs to navigate to Explorer, create a new query, save it and then choose "Embed" button to get the javascript code mentioned.

Dark theme?

Would it be possible to have dashboards displayed in a dark theme?

Usage instructions don't match repo (cont.)

This issue is a continuation of the issue entitled "Usage instructions don't match repo" #97 that was closed (and I cannot reopen).

Please see the discussion of Issue #97 for background information.

The restored demo-data/sample.html file seems to be incorrect. It uses a client.draw() function calls where no draw() function seems to exist. As a result, the usage instructions will still not enable anyone to get an example of the repo up and running, at least not quickly.

I investigated, and I figured out that, if one replaces the cutting and pasting of the erroneous content of the sample.html file with a script reference to the file examples/starter-kit/starter-kit.js, the quick start process can be made to work. Reason: That script uses client.query() instead of client.draw(), and client.query() is a function that actually exists (and seems to work).

Script reference placed just before the tag:

<script type="text/javascript" src="/examples/starter-kit/starter-kit.js"></script>

I would also like to suggest that whoever attempts to correct this issue should verify that the solution works from the POV of the current repo, lest this issue linger one. It seems to be a major barrier for repo adoption by new users.

transparency causing viewing issues in mobile phone browser

Hi there,

I've set up a dashboard using your template (thank you for that). However, when I try to access my dashboard using a mobile phone, the transparency in the menu causes me to not see the menu options clearly. Is there a way to update the settings so that the transparency is gone?

thanks!

img_0077

Is this repo being actively maintained?

This looks great, and we would love to use it; but I been asked if this repo is still being actively maintained or not, as there is a gap since last code commit.

Dead link

The link to "Hero third example" in the README.md is dead.

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.