Getting started: How to start with Znote
Znote is an interactive ==note-taking application== that lets you write Markdown with ==runnable code==.
You will be able to make notes with charts and data. You can publish your interactive reports online and share or track your favorite metrics.
The application is available on PC/Mac. We invite you to create a Cloud account (bottom right) to take full advantage of the app.
You can organize your notes and codes with folders and tags located on the left toolbar. You can also pin notes ๐ to display them in the quick access section.
/
to select a type of block on WYSIWYG editor (Heading, Quote, Code...)Cmd+Y
to navigate easily between notes. Arrow keys
to change or Escape
to navigate on the notelistCmd+T
to perform a full text searchCmd+L
to display or hide the viewer/editorCmd+Space
to show code and block suggestionsShift+Cmd+Space
to show read modeDouble click
on preview to edit lineRight Click
after a text selection to show some useful format optionsThanks to the Lock feature, Znote helps you protect your secrets by adding a password that only you know. You can also edit and secure your local text files.
Znote lets you prototype code directly in the app with code preview. You can use pre-included libraries and third-party npm packages to explore and visualize various data. โจ
In Edit mode:
Ctrl+Enter
to run current code block andEchap
to close the preview.
Run and show result: use the print()
function to display your result.
const array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2)
print(map1)
Read files with DanfoJs
const df = await dfd.readCSV("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv");
print(df)
Create Plots
const df = await dfd.readCSV("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv");
const config = {
columns: ["AAPL.Open", "AAPL.High"],
};
const new_df = df.setIndex({ column: "Date"});
new_df.plot(el).line({ config });
Znote also includes various charts:
areaChart({
series: [
{name: 'Music', data: [11, 15, 26, 20, 33, 27]},
{name: 'Photos', data: [32, 33, 21, 42, 19, 32]},
{name: 'Files', data: [20, 39, 52, 11, 29, 43]}],
categories:['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2']
});
radialChart({series: [71, 63, 77], labels:['June', 'May', 'April']});
Make diagrams thanks to mermaid
Use the split view to see the diagram Ctrl+L
sequenceDiagram
Alice ->> Bob: Hello Bob, how are you?
Bob-->>John: How about you John?
Bob--x Alice: I am good thanks!
Bob-x John: I am good thanks!
Note right of John: Bob thinks a long time.
Bob-->Alice: Checking with John...
Alice->John: Yes... John, how are you?
Cmd+Enter
to execute the current code blockCmd+Space
to show code suggestionsInstall npm package in app
npm i -S tablify
const tablify = require('tablify');
const r = await fetch('https://www.govtrack.us/api/v2/role?current=true&role_type=senator')
const json = await r.json();
print(tablify(json.objects.map(e=>e.person)))
Znote includes some convenience functions to easily manipulate JSON. Moreover you could create your own custom functions.
Try to create custom function, click on the
f(x)
button (on the bottom right) and customize your code suggestions. Into the Shortcut functions modal, save the defaultmyFunc
, then into the editor, withCmd+Space
create a Code block JS and into this code block, call the newmyFunc()
function
More features Use Znote as SQL client with your database Follow our documentation website to discover all Znote possibilities.
We provide and continuously improve our tools. You can participate by subscribing to the newsletter directly on the home page of our site Znote or help us improve the quality of our tools: discussions