GithubHelp home page GithubHelp logo

soldair / levelweb Goto Github PK

View Code? Open in Web Editor NEW

This project forked from heapwolf/levelui

3.0 3.0 1.0 2.48 MB

A GUI for LevelDB management. Includes builtin visualization tools [WIP]

JavaScript 100.00%

levelweb's Introduction

NAME

levelweb(3)

SYNOPSIS

A GUI for LevelDB management. Includes visualization tools [WIP]

MOTIVATION

  • No need to configure your Data Retention.

  • Nothing needs to be finite or determined ahead of time.

  • No storage-schemas configuration.

  • No database initialization.

  • Attach to an existing database or create a new one by providing a path at the commandline.

  • Accept incoming data streams via tcp.

  • Node is the only significant dependency.

  • Single command installation process (npm install levelweb).

USAGE

Point the app at your database and specify what ports you want to run on.

./bin/levelweb ./test/data --tcp 9997 --http 8080

Streaming data to Levelweb

Level web accepts new line delimited writes over tcp. Each line should be an object that contains a key and value, like so { key: 'foo', value: 'bar' }.

Explore and manage keys and values

screenshot

Visualizations

Treemap

Provides a zoomable tree-map of the currently tagged keys. Treemaps display hierarchical (tree-structured) data as a set of nested rectangles. Each branch of the tree is given a rectangle, which is then tiled with smaller rectangles representing sub-branches. A leaf node's rectangle has an area proportional to a specified dimension on the data. Often the leaf nodes are colored to show a separate dimension of the data.

When the color and size dimensions are correlated in some way with the tree structure, one can often easily see patterns that would be difficult to spot in other ways, such as if a certain color is particularly relevant. A second advantage of treemaps is that, by construction, they make efficient use of space. As a result, they can legibly display thousands of items on the screen simultaneously.

screenshot

Stacked Bar Chart

screenshot

Stacked Area Chart

Area charts are used to represent cumulated totals using numbers or percentages (stacked area charts in this case) over time. Use the area chart for showing trends over time among related attributes. The area chart is like the plot chart except that the area below the plotted line is filled in with color to indicate volume.

When multiple attributes are included, the first attribute is plotted as a line with color fill followed by the second attribute, and so on.

screenshot screenshot

levelweb's People

Contributors

heapwolf avatar soldair avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

baggerspion

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.