Merge branch 'main' of https://github.com/vizzuhq/vizzu-lib into main

Author: andraskangyal

.gitignore

@@ -18,3 +18,4 @@ node_modules
 coverage
 package-lock.json
 Makefile
+/index.html

CHANGELOG.md

@@ -0,0 +1,15 @@
+# Changelog
+
+## [Unreleased]
+
+## [0.3.1] - 2021-09-24
+
+### Fixed
+
+- Data cube input recognition runtime error fixed.
+
+## [0.3.0] - 2021-09-23
+
+### Added
+
+- First public release

README.md

@@ -36,7 +36,7 @@ Or use it from CDN:
 
 ```html
 <script type="module">
-import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].0/dist/vizzu.min.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].1/dist/vizzu.min.js';
 </script>
 ```
 
@@ -51,7 +51,7 @@ Create a placeholder element that will contain the rendered chart:
 Create a simple bar chart:
 
 ```javascript
-import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].0/dist/vizzu.min.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].1/dist/vizzu.min.js';
 
 let data = {
   series: [

docs/content/reference/reference.md

@@ -1,25 +1,23 @@
 # Vizzu JS Library Reference
 
-This is the API reference documentation of the Vizzu JS library. 
-The intention of this documentation is to provide information about 
-every details of the API for user with understanding of the basics of the 
-Vizzu Library.
+This is the API reference document of the Vizzu JS library. It provides information
+about every detail of the API. This works best for users who already have a basic
+understanding of the Vizzu Library and its logic.
 
-For a getting started introduction to the library please visit our 
-[Tutorial](https://lib.vizzuhq.com/0.3.0).
+In case you're just getting started with Vizzu, we strongly recommend visiting our 
+[Tutorial](https://lib.vizzuhq.com/0.3.0) first.
 
 ## Library Overview
 
 The main entry point of the library is the [Vizzu](classes/default.html) class, 
-and it's most important method controlling the basic functionality of the 
-library is the [animate()](classes/default.html#animate) method:
+and its most important component is the [animate()](classes/default.html#animate) method:
 
 * [Vizzu](classes/default.html) class
 	* [constructor()](classes/default.html#constructor)
 	* [animate](classes/default.html#animate) ( [AnimTarget](interfaces/AnimTarget.html) , [Anim.Options](interfaces/Anim.Options.html) )
 
 The animate() method's main parameter is the [AnimTarget](interfaces/AnimTarget.html)
-interface which contains the definition of the chart, the underlying data and the chart's styling:
+interface, which contains the configuration of the chart, the underlying data, and the chart's style settings:
 
 * [AnimTarget](interfaces/AnimTarget.html)
 	* [Data.Set](modules/Data.html#Set)
@@ -30,18 +28,15 @@ interface which contains the definition of the chart, the underlying data and th
 			* [Styles.Marker](interfaces/Styles.Marker.html)
 			* [Styles.Axis](interfaces/Styles.Axis.html)
 		* [Styles.Legend](interfaces/Styles.Legend.html)
-		* [Styles.Title](interfaces/Styles.Title.html)
 		* [Styles.Tooltip](interfaces/Styles.Tooltip.html)
 		
 
 ## Details:
 
 You can find all interface declarations and types under these namespaces. 
 
-### Namespaces:
-
-* [Data](modules/Data.html)
-* [Config](modules/Config.html)
-* [Style](modules/Styles.html)
-* [Anim](modules/Anim.html)
-* [Events](modules/Event.html)
+* [Data](modules/Data.html) - Data structure and operations
+* [Config](modules/Config.html) - Configuration settings of your charts
+* [Style](modules/Styles.html) - Style settings
+* [Anim](modules/Anim.html) - Animation settings
+* [Events](modules/Event.html) - Event handling

docs/content/tutorial/0-intro.md

@@ -16,7 +16,7 @@ Import the library into a JavaScript file or script tag in your web page
 
 ```html
 <script type="module">
-import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].0/vizzu.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected].1/dist/vizzu.min.js';
 </script>
 ```
 

docs/generator/example-list.js

@@ -40,8 +40,8 @@ const exampleList =
 		'polar/NO_spiderweb_line_2dis_1con.mjs': { tags: [m(1), d(2), Co, CT, N, OD, l, ] },
 		'cartesian/area_negative_1dis_1con.mjs': { tags: [m(1), d(1), Co, CT, De, N, OD, a, ] },
 		'cartesian/stacked_area_2dis_1con.mjs': { tags: [m(1), d(2), Co, PW, CT, OD, a, ] },
-		'cartesian/stream_stacked_area_3dis_1con.mjs': { tags: [m(1), d(3), Co, PW, CT, De, OD, a, ] },
 		'cartesian/stream_stacked_area_3dis_1con.mjs': { tags: [m(1), d(3), Co, PW, CT, OD, a, ] },
+		'polar/spiderweb_area_1dis_1con.mjs': { tags: [m(1), d(1), Co, CT, N, OD, a, ] },
 		'cartesian/dotplot_circle_negative_1dis_1con.mjs': { tags: [m(1), d(1), Di, N, c, ] },
 		'cartesian/scatterplot_circle_negative_1dis_2con.mjs': { tags: [m(2), d(1), Re, Di, N, c, ] },
 		'cartesian/scatterplot_circle_negative_2dis_3con.mjs': { tags: [m(3), d(2), Re, Di, N, c, ] },

docs/generator/example.js

@@ -65,7 +65,7 @@ class Example
 			+ '</pre>';
 		scriptElement.innerHTML += `
 <script type="module">
-import Vizzu from 'https://vizzu-lib-main.storage.googleapis.com/lib/vizzu.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vizzu.min.js';
 ${this.imports}
 
 let chart = new Vizzu('vizzuCanvas');

docs/generator/examples.js

@@ -44,6 +44,7 @@ class Examples
 					<div class="example" id="example-${id}" tabindex="0">
 						<video class="thumbnail" id="thumbnail-${id}" width="320" height="180" nocontrols autoplay muted loop>
 							<source src="${example.urlBase}.webm" type="video/webm">
+							<source src="${example.urlBase}.mp4" type="video/mp4">
 							Your browser does not support the video tag.
 						</video>
 					</div>
@@ -90,7 +91,8 @@ class Examples
 			}
 			else
 			{
-				fs.copyFileSync(example.webmFilename, thumbnail);
+				fs.copyFileSync(example.webmFilename, example.targetBasename+'.webm');
+				fs.copyFileSync(example.mp4Filename, example.targetBasename+'.mp4');
 			}
 		}
 	}
@@ -116,10 +118,13 @@ class Examples
 					'modules/videorecorder/resized/web_content_templates_')
 				.replace('.mjs', '.webm');
 
+				let mp4Filename = webmFilename.replace('.webm', '.mp4');
+
 				return { 
 					jsFilename, 
 					pngFilename,
 					webmFilename,
+					mp4Filename,
 					outputFolder,
 					extension
 				};

docs/generator/index.in.html

@@ -23,7 +23,7 @@
 				<a href='https://github.com/vizzuhq/vizzu-lib'>
 					<img class='logo' id='logo-github' src='images/github-logo.svg' width='30' height='30' />
 				</a>
-				<a href='https://join.slack.com/t/vizzu-community/signup'>
+				<a href='https://join.slack.com/t/vizzu-community/shared_invite/zt-w2nqhq44-2CCWL4o7qn2Ns1EFSf9kEg'>
 					<img class='logo' id='logo-slack' src='images/slack-logo.svg' width='30' height='30' />
 				</a>
 			</div>

docs/script/tutorial/vizzu-view.js

@@ -1,4 +1,4 @@
-import Vizzu from 'https://vizzu-lib-main.storage.googleapis.com/lib/vizzu.js';
+import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vizzu.min.js';
 //import Vizzu from '/example/lib/vizzu.js';
 import getBase from './base.js';
 import data from './data.js'