Load

Load CSV - Data Load a CSV File and convert into Chart

---

Load Chart JSON Load converted Chart JSON with titles and chart settings,

---

Save

---

Submit (console.log) Disable/Enable Form

---

Show Template Display the Handlebars4Code template, that generates the Wiki Chart of the CSV data.

Edit

Show Line Chart     Restore to Default    

JSON Validator:

Workflow CSV2WikiChart

Basic Workflow of CSV2WikiChart is:

• Load CSV - File Load a CSV File that should be converted into a Chart for Wikiversity or Wikipedia.
• Preview Graph Check data in a graph with the library MorrisJS as preview
• Edit Data Edit CSV data or the settings for the graph in Wikiversity or Wikipedia and check again the preview of the chart
• Save Chart Edit CSV data or the settings for the graph in Wikiversity or Wikipedia and check again the preview of the chart

Information about Graphs for CSV

The demo graphs show the possible options for the line chart. The rendering of the chart is performed with MorrisJS. Load a CSV file and set colors and titles in the Editor. Preview the data here and then save/export the data in Wiki Chart template.

---

Please edit the demo data and create a chart for your data by loading a CSV file.

Demo Graph 1

plotted sin(pi * x/180)-function

Demo Graph 2

Demo Graph 3

x-Label Angle: -60 Degrees

Chart

Edit Data Save Chart

Information about Graphs for CSV

The demo graphs show the possible options for the line chart. The rendering of the chart is performed with MorrisJS. Load a CSV file and set colors and titles in the Editor. Preview the data here and then save/export the data in Wiki Chart template.

---

Help CSV Workflow Information on basic workflow from CSV data to Wiki Chart.

---

Delete

Clear Content

---

csv2wikichart_app is an AppLSAC
GitHub Repository with csv2wikichart_app
Repository uses JSON-Editor, LoadFile4DOM, FileSaver and Icons4Menu
Create your own csv2wikichart_app with JSON2Schema

Print

Display Options

JSON		Handlebars4Code Output
JSON Schema		Handlebars4Code Template

---

Print File

Print Print Chart

---

Settings

Export Extension Handlebars4Code for Wiki-Chart:
Save JSON Editor Schema - see JSON2Schema on GitLab

---

Template for Handlebars4Code: Save Template - see Handlebars4Code on GitLab

About

WebApp - CSV2WikiChart

1.1.16

AppLSAC

This is a JSON editor for Wiki Chart diagrams. The CSV2WikiChart Editor read CSV files with data and can export diagrams for Wikipedia and Wikiversity for the Wiki Chart diagrams. As an alternative SVG export of the generated diagrams are also available. CSV2WikiChart stores the diagrams as JSON which can be loaded again for further updates and modifications. The features of CSV2WikiChart are running completely in the browser without submission of data to remote servers.

---

Workflow CSV2WikiChart - see CSV2Chart on Wikiversity.

---

• Wiki Template: The JSON Editor exports to the Wikipedia/Wikiversity Template:Graph:Chart.
• JSON-Editor App The underlying JSON-Editor was used for this repository csv2wikichart_app on GitHub. Editor layout for input is configured by a JSON Schema W to generate tailored JSON
• Template for Graphs: The syntax for the output is defined by the Wikipedia/Wikiversity Template - Graph:Chart. The Handlebars4Code template generates the Wiki-Graph output with the library Handlebars4Code. The output of CSV2WikiChart WebApp uses the JSON in the JSON Editor to populate the Handlebars4Code-Template tpl/template4json_tpl.js (see also Handelbars4Code Demo).
• App Menu: The menu was created with the JSONEditor4Menu as a web-based interface to create a Hamburger Menu App. Editor layout for input is configured by a JSON Schema W to generate tailored JSON
• Icons4Menu - JQuery Mobile 1.4.5 Icons - WikiCommons Icons: The repository Icons4Menu contains all icons used icons for the menu of this WebApp. The are a icons from JQuery Mobile 1.4.5 Icons (CC0) and from WikiCommons. The licensing details for all icons can be found in README_Icons4Menu.html.
• MorrisJS Chart Library There are different chart libraries for rendering data with JavaScript (Chart.js or D3.js). For the preview of the data before expport to the Wiki syntax the library MorrisJS. Press on the Chart icon in the menu to preview the graph.

This is an AppLSAC. The application was create with JSONEditor4Menu. See also GitLab repository for source code of JSONEditor4Menu

---

csv2wikichart_app is an AppLSAC
GitHub Repository with csv2wikichart_app
Repository uses JSON-Editor, LoadFile4DOM, FileSaver and Icons4Menu
Create your own csv2wikichart_app with JSON2Schema Created 2019/09/24 19:39:29
last modified

2024/03/26 17:50:06

- Version

1.1.16