# table_vis

> a Javascript Library for visualising the tabular data selected and adapting the information overload.

Latest version **0.3.1** (published 2018-07-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install table_vis
pnpm add table_vis
yarn add table_vis
bun add table_vis
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.1 |
| Published | 2018-07-18 |
| First published | 2018-05-06 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 8 |
| Unpacked size | 603.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Yarnchen |
| Maintainers | yarnchen |

## Links

- npm: https://www.npmjs.com/package/table_vis
- Repository: https://github.com/YarnChen/table_vis.js
- Homepage: https://github.com/YarnChen/table_vis.js#readme
- Issues: https://github.com/YarnChen/table_vis.js/issues
- npm.io page: https://npm.io/package/table_vis

## Dependencies (8)

- [d3-array](https://npm.io/package/d3-array.md) ^1.2.1
- [d3-cloud](https://npm.io/package/d3-cloud.md) ^1.2.5
- [d3-scale](https://npm.io/package/d3-scale.md) ^2.0.0
- [d3-selection](https://npm.io/package/d3-selection.md) ^1.3.0
- [font-awesome](https://npm.io/package/font-awesome.md) ^4.7.0
- [rollup-plugin-image](https://npm.io/package/rollup-plugin-image.md) ^1.0.2
- [@fortawesome/fontawesome](https://npm.io/package/@fortawesome/fontawesome.md) ^1.1.8
- [@fortawesome/fontawesome-free-solid](https://npm.io/package/@fortawesome/fontawesome-free-solid.md) ^5.0.13

## Recent versions

- 0.3.1 (latest) — 2018-07-18
- 0.3.0 — 2018-07-18
- 0.2.3 — 2018-07-12
- 0.2.2 — 2018-06-22
- 0.2.1 — 2018-06-22
- 0.2.0 — 2018-06-22
- 0.1.0 — 2018-05-06

## README

# table_vis.js
  * **Version**
    * 0.3.1
  * **What is it**
    * table_vis.js can generate a visualisation as soon as some data values are selected on a data table.
      * When users click any data values on the data table implemented **table_vis.js**, a button component consisting of ROW button and COL button display. once the ROW button is clicked, **table_vis.js** will collect the data in the same row as the clicked data and draw the visualisation to compare them while the COL button is used to compare the column data.
      * The **table** implemented **table_vis.js** is expected to consist of `<thead>` and `<tbody>`. The row in `<thead>` will be regarded as the row title while the 1st column in `<tbody>` will be considered as column title.
    * Developed for visualising tabular data on demand.
    * Developed for adapting the information overload as people always just concern about the special row or column in data tables.
    * **the visualisation table_vis provided**
      * Bar Chart :bar_chart:
      * Line Chart :chart_with_upwards_trend:
      * Point Chart :o:
      * Pie Chart :100:
      * Box Plot Chart :package:
      * Word Cloud :loop:
  * **Demo**
    * [Demo Page](http://yarnchen.me/#/table_vis)
  * **Install**
    ```sh
    $ npm i table_vis --save
    ```
  * **Usage**
    * IIFE
      ```Javascript
       <script src="table_vis.min.js"></script>
       <script>table_vis.vis(document.getElementsByTagName('table')[0])</script>
      ```
    * Commonjs
      ```Javascript
      const table_vis = require('table_vis');
      table_vis.vis(document.getElementsByTagName('table')[0]);
      ```
    * ES2015
      ```Javascript
      import table_vis from 'table_vis';
      table_vis.vis(document.getElementsByTagName('table')[0]);
      ```

---
_Source: https://npm.io/package/table_vis · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._