Add defition of the data property.

riccardoscalco · riccardoscalco · commit 2ca80120afde · 2019-06-12T14:59:37.000+02:00
diff --git a/demo/index.html b/demo/index.html
@@ -18,11 +18,17 @@
 	</style>
 	<body>
 		<ternary-plot side="400"></ternary-plot>
+		<button>show new data</button>
 	</body>
 	<script>
 		const element = document.querySelector('ternary-plot');
-		// Set data as a dynamic property.
-		element.data = getRandomData(20);
+		// element.data = getRandomData(20);
+
+		const button = document.querySelector('button');
+
+		button.addEventListener('click', event => {
+			element.data = getRandomData(20);
+		});
 
 		function getRandomData (length) {
 			return {
diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,4 @@
-import {html, define} from 'hybrids';
+import {html, define, property} from 'hybrids';
 import style from './style';
 import {
 	width,
@@ -113,6 +113,14 @@ function render({
 }
 
 export const TernaryPlot = {
+	data: property({
+		titles: {
+			bottom: '',
+			right: '',
+			left: ''
+		},
+		data: []
+	}),
 	side: 400,
 	numberOfTicks: 10,
 	tickLenght: 10,
