Skip to content

tvonhacht/polymer-database-visualizer

Repository files navigation

database-visualizer

An element providing a solution for a visualization of a relational database.

Example:

<database-visualizer></database-visualizer>

An element providing a solution for a visualization of a relational database with a menu.

Example:

<database-visualizer-app></database-visualizer-app>

screenshot

Polymer Documentation & Demo

Polymer Documentation Only Demo

Dependencies

Element dependencies are managed via Bower. You can install that via:

npm install -g bower

Then, go ahead and download the element's dependencies:

bower install thorbenvh8/polymer-database-visualizer

Playing With It

If you wish to work on your element in isolation, we recommend that you use Polyserve to keep your element's bower dependencies in line. You can install it via:

npm install -g polyserve

And you can run it via:

polyserve

Once running, you can preview your element at http://localhost:8080/components/database-visualizer/, where database-visualizer is the name of the directory containing it.

Develop Backend (SQLS)

Execut the following script to create the tables to saving positions in the datbase here. Sqls to select and update the tables can be found here.

screenshot

Testing It

Simply navigate to the /test directory of your element to run its tests. If you are using Polyserve: http://localhost:8080/components/database-visualizer/test/

web-component-tester

The tests are compatible with web-component-tester. Install it via:

npm install -g web-component-tester

Then, you can run your tests on all of your local browsers via:

wct

WCT Tips

wct -l chrome will only run tests in chrome.

wct -p will keep the browsers alive after test runs (refresh to re-run).

wct test/some-file.html will test only the files you specify.

About

Polymer component to visualize a database

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages