📈Add ink-chart to dependencies

index.html

@@ -141,6 +141,13 @@ <h3>And something small</h3>
     <h4>And something smaller</h4>
     <h5>And something even smaller</h5>
     <h6>And something tiny</h6>
+    <aside>
+      <ink-chart width="250" height="250" xAxisLocation="origin" yAxisLocation="origin" xlim="[-10,10]" ylim="[-10,10]">
+        <ink-chart-eqn eqn="m*x + b" :listen="[m, b]"></ink-chart-eqn>
+        <ink-chart-node x="0" :y="b" :drag="{b: y}"></ink-chart-node>
+        <ink-chart-node x="5" :y="m*5 + b" :drag="{m: (y - b) / 5}"></ink-chart-node>
+      </ink-chart>
+    </aside>
     <ink-demo>
       <ink-var name="m" value="1"></ink-var>
       <ink-var name="b" value="1"></ink-var>

ink.ts

@@ -2,7 +2,9 @@ import { applyMiddleware, createStore, combineReducers } from 'redux';
 import thunkMiddleware from 'redux-thunk';
 import ink, { types, setup } from '@iooxa/runtime';
 import * as basic from '@iooxa/ink-basic';
+import * as chart from '@iooxa/ink-chart';
 import '@iooxa/ink-basic/dist/ink.css';
+import '@iooxa/ink-chart/dist/ink.css';
 import * as components from './src/components';
 import './styles/index.css';
 import './index.css';
@@ -31,4 +33,5 @@ window.ink = {
 
 setup(window.ink.store);
 basic.register();
+chart.register();
 components.register();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iooxa/ink-article",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Scientific web components for interactive scientific writing, reactive documents and explorable explanations.",
   "main": "dist/index.js",
   "unpkg": "dist/ink.min.js",
@@ -20,7 +20,7 @@
     "lint": "eslint src/**.ts -c .eslintrc.json",
     "start": "webpack-dev-server --open --config webpack.dev.js",
     "clean": "rm -rf dist || true; rm -f styles/index.css*;",
-    "link": "npm link; npm link @iooxa/runtime;npm link @iooxa/ink-basic",
+    "link": "npm link; npm link @iooxa/runtime;npm link @iooxa/ink-basic;npm link @iooxa/ink-chart",
     "watch-css": "sass --watch styles/index.scss styles/index.css",
     "build-css": "mkdir -p dist; sass styles/index.scss styles/index.css; cp styles/index.css dist/ink.css",
     "build-dev": "webpack --config webpack.dev.js",
@@ -34,6 +34,7 @@
     "@types/highlight.js": "^9.12.3",
     "@types/jest": "^25.1.4",
     "@types/katex": "^0.11.0",
+    "@types/underscore": "^1.9.4",
     "@typescript-eslint/eslint-plugin": "^2.28.0",
     "@typescript-eslint/parser": "^2.28.0",
     "clean-webpack-plugin": "^3.0.0",
@@ -60,6 +61,7 @@
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
+    "@iooxa/ink-chart": "^0.0.1",
     "@iooxa/ink-basic": "^0.2.2",
     "@iooxa/runtime": "^0.2.2",
     "highlight.js": "^9.18.1",