{"id":14980946,"url":"https://github.com/melchisedech333/verbum-paper","last_synced_at":"2026-01-30T09:23:05.844Z","repository":{"id":61373979,"uuid":"499274260","full_name":"melchisedech333/verbum-paper","owner":"melchisedech333","description":":clipboard: Verbum Paper is a software that is intended to be used to facilitate the sharing of formulas, equations, and things involving mathematics.","archived":false,"fork":false,"pushed_at":"2022-10-17T19:06:42.000Z","size":41,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-05T15:23:49.666Z","etag":null,"topics":["function-plotter","latex","latex-document","latex-editor","latex-example","latex-examples","latex-parser","latex-pdf","math","math-functions","mathematics","paper","paper-notes","paper-presentation","scientific-paper","scientific-papers","scientific-publications","scientific-publishing","scientific-research"],"latest_commit_sha":null,"homepage":"https://verbum-paper.github.io","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/melchisedech333.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":["verbum-paper"]}},"created_at":"2022-06-02T20:05:39.000Z","updated_at":"2022-12-01T18:39:30.000Z","dependencies_parsed_at":"2022-10-16T05:42:32.908Z","dependency_job_id":null,"html_url":"https://github.com/melchisedech333/verbum-paper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/melchisedech333/verbum-paper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melchisedech333%2Fverbum-paper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melchisedech333%2Fverbum-paper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melchisedech333%2Fverbum-paper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melchisedech333%2Fverbum-paper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/melchisedech333","download_url":"https://codeload.github.com/melchisedech333/verbum-paper/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/melchisedech333%2Fverbum-paper/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260457606,"owners_count":23012343,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["function-plotter","latex","latex-document","latex-editor","latex-example","latex-examples","latex-parser","latex-pdf","math","math-functions","mathematics","paper","paper-notes","paper-presentation","scientific-paper","scientific-papers","scientific-publications","scientific-publishing","scientific-research"],"created_at":"2024-09-24T14:02:38.093Z","updated_at":"2026-01-30T09:23:05.794Z","avatar_url":"https://github.com/melchisedech333.png","language":null,"funding_links":["https://github.com/sponsors/verbum-paper","https://github.com/sponsors/melchisedech333"],"categories":[],"sub_categories":[],"readme":"\u003cb\u003eNote: For better organization, the project has been moved to https://github.com/verbum-paper/verbum-paper\u003c/b\u003e\n\n---\n\n\n\u003ch2 align=center\u003e\u003cb\u003eVerbum Paper - Share the math!\u003c/b\u003e\u003c/h2\u003e\n\n# \u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/1.png\" width=\"100%\"\u003e\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/sponsors/verbum-paper\"\u003e\u003cimg src=\"https://img.shields.io/badge/sponsor-30363D?style=for-the-badge\u0026logo=GitHub-Sponsors\u0026logoColor=#white\" \u003e\u003c/a\u003e\n    \u003cbr\u003e\u003cbr\u003e\n    \u003cimg src=\"https://badgen.net/badge/love level/7 of 10/purple\" \u003e\n    \u003cimg src=\"https://img.shields.io/github/languages/count/verbum-paper/verbum-paper?color=%23f34b7d\" \u003e\n    \u003cimg src=\"https://img.shields.io/github/languages/top/verbum-paper/verbum-paper?color=%23f34b7d\" \u003e\n    \u003cimg src=\"https://img.shields.io/github/directory-file-count/verbum-paper/verbum-paper\" \u003e\n    \u003cimg src=\"https://img.shields.io/github/repo-size/verbum-paper/verbum-paper\" \u003e\n    \u003cimg src=\"https://img.shields.io/github/license/verbum-paper/verbum-paper\" \u003e\n\u003c/p\u003e\n\nVerbum Paper is a software that is intended to be used to facilitate the sharing of formulas, equations, and things involving mathematics.\n\nThrough it you can write your file using CSS, HTML and Javascript code. You can import external libraries written in Javascript, such as for building graphics, or for something in particular.\n\nVia Verbum Paper you can insert graphics for functions (eg 2nd degree functions). You can also insert \u003cb\u003eLaTex\u003c/b\u003e code mixed in with your HTML code.\n\nYou can also copy your math expressions to \u003cb\u003eClipboard\u003c/b\u003e. This way you can easily share your math equations with your friends :smiley:\n\n**If you liked this project, or if it was useful to you, please [consider becoming a sponsor](https://github.com/sponsors/verbum-paper) :blue_heart:**\n\n\u003cbr\u003e\n\n:bookmark_tabs: Table of Contents\n-----\n* [Installation (Linux)](https://github.com/verbum-paper/verbum-paper#hammer_and_wrench-installation)\n* [Copying to Clipboard](https://github.com/verbum-paper/verbum-paper#clipboard-copying-to-clipboard)\n* [Exemple](https://github.com/verbum-paper/verbum-paper#page_facing_up-example)\n* [LaTex code](https://github.com/verbum-paper/verbum-paper#white_square_button-latex-code)\n* [Mathematical function graphs](https://github.com/verbum-paper/verbum-paper#heavy_plus_sign-mathematical-function-graphs)\n* [General graphics](https://github.com/verbum-paper/verbum-paper#bar_chart-general-graphics)\n* [Highlight code](https://github.com/verbum-paper/verbum-paper#computer-highlight-code)\n* [Exporting files](https://github.com/verbum-paper/verbum-paper#page_with_curl-exporting-files)\n* [Standard libraries and References](https://github.com/verbum-paper/verbum-paper#link-standard-libraries-and-references)\n* [Author](https://github.com/verbum-paper/verbum-paper#smiley-author)\n* [License](https://github.com/verbum-paper/verbum-paper#scroll-license)\n-----\n\n\u003cbr\u003e\n\n:hammer_and_wrench: Installation\n---\n\nNote: This installation process is for \u003cb\u003eLinux\u003c/b\u003e environment. \n\n\u003cb\u003eRequirements:\u003c/b\u003e\n- git\n- unzip\n- wget\n\n\nEnter the directory where you want to install Verbum Paper, for example:\n\n```bash\nmkdir ~/verbum-paper\ncd ~/verbum-paper\n```\n\nRun the install script:\n```bash\nwget -c https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/verbum-install/verbum-install.sh\nchmod +x verbum-install.sh\n./verbum-install.sh\n```\n\nCreating shortcut in the operating system (Linux), example:\n```bash\nsudo ln -s \"$HOME/verbum-paper/shortcut.sh\" /usr/bin/verbum-paper\n```\n\nTo open Verbum Paper, enter the command:\n```bash\nverbum-paper\n```\n\n\u003cbr\u003e\n\n:clipboard: Copying to Clipboard\n---\n\nTo copy your document, in image form, to the Clipboard, click on the icon:\n\n\u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/7.png\" \u003e\u003c/div\u003e\n\n\u003cbr\u003e\n\n:page_facing_up: Example\n---\n\nBelow is a simple example, where we create a graph of a function, using the FunctionPlot library. And we make use of LaTex commands to display an equation.\n\n```html\n\u003cdiv class=\"title\" \u003e\n    Quadratic function\n\u003c/div\u003e\n\n\u003cdiv class=\"text\" \u003e\n    Defination: quadratic function is a function \n    \u003cb\u003ef: ℝ → ℝ, x ∈ ℝ\u003c/b\u003e,\n    that can be described by an equation of the form \n    \u003cb\u003ef(x) = ax² + bx + c\u003c/b\u003e, where \u003cb\u003ea ≠ 0\u003c/b\u003e.\n\u003c/div\u003e\n\n\u003ccenter\u003e\n    \u003cdiv class=\"text text-center\" \u003e\n        Graph of a quadratic function\n    \u003c/div\u003e\n\n    \u003cdiv id=\"function\"\u003e\u003c/div\u003e\n\n    \u003cscript\u003e\n        functionPlot({\n            target: \"#function\",\n            width: 400,\n            height: 200,\n            yAxis: { domain: [-1, 9] },\n            grid: true,\n            data: [ {\n                fn: \"x^2\"\n            }]\n        });\n    \u003c/script\u003e\n\u003c/center\u003e\n\n\u003cp class=\"text text-center\"\u003e\n    Root of the quadratic function:\n    \n    \\[x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.\\]\n\u003c/p\u003e\n```\n\nThe view will look like this:\n\n\u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/2.png\" width=\"50%\"\u003e\u003c/div\u003e\n\n\u003cbr\u003e\n\n:white_square_button: LaTex code\n---\n\nTo insert LaTex code, you must follow the MathLive specification: https://cortexjs.io/mathlive/reference/commands/\n\nExample to include an equation:\n\n```latex\n\\[x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.\\]\n```\n\nThis code produces this view:\n\n\u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/3.png\" \u003e\u003c/div\u003e\n\n\u003cbr\u003e\n\n:heavy_plus_sign: Mathematical function graphs\n---\n\n### Function Plot - A 2d function plotter powered by D3\n\nTo create graphs of quadratic functions, the Function Plot library is used.\nExemple:\n\n```html\n\u003cdiv id=\"function\"\u003e\u003c/div\u003e\n```\n\n```javascript\nfunctionPlot({\n    target: \"#function\",\n    width: 400,\n    height: 200,\n    yAxis: { domain: [-1, 9] },\n    grid: true,\n    data: [ {\n        fn: \"x^2\"\n    }]\n});\n```\n\nThe code above will produce this view:\n\u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/4.png\" \u003e\u003c/div\u003e\n\n\u003cbr\u003e\n\n:bar_chart: General Graphics\n---\n\n### D3 - Data-Driven Documents\n\nTo produce graphics for different applications, it is recommended to use the D3 library.\nBelow is an example using the D3 library:\n\n```html\n\u003cdiv id=\"d3-graph\"\u003e\u003c/div\u003e\n```\n\n```javascript\n// Format JSON data.\nvar json_data = `\n  [\n    { \"date\":\"2013-04-28\", \"value\":\"135.98\" },\n    { \"date\":\"2013-04-29\", \"value\":\"147.49\" }\n  ]\n`;\n\n// set the dimensions and margins of the graph\nconst margin = {top: 10, right: 30, bottom: 30, left: 60},\n    width = 460 - margin.left - margin.right,\n    height = 400 - margin.top - margin.bottom;\n\n// append the svg object to the body of the page\nconst svg = d3.select(\"#d3-graph\")\n  .append(\"svg\")\n    .attr(\"width\", width + margin.left + margin.right)\n    .attr(\"height\", height + margin.top + margin.bottom)\n  .append(\"g\")\n    .attr(\"transform\", `translate(${margin.left},${margin.top})`);\n\njson_data = JSON.parse(json_data);\nfor (var a=0; a\u003cjson_data.length; a++) {\n  json_data[a].date = d3.timeParse(\"%Y-%m-%d\")(json_data[a].date);\n}\n\n// Add X axis --\u003e it is a date format\nconst x = d3.scaleTime()\n  .domain(d3.extent(json_data, function(d) { return d.date; }))\n  .range([ 0, width ]);\nsvg.append(\"g\")\n  .attr(\"transform\", `translate(0, ${height})`)\n  .call(d3.axisBottom(x));\n\n// Add Y axis\nconst y = d3.scaleLinear()\n  .domain([0, d3.max(json_data, function(d) { return +d.value; })])\n  .range([ height, 0 ]);\nsvg.append(\"g\")\n  .call(d3.axisLeft(y));\n\n// Add the line\nsvg.append(\"path\")\n  .datum(json_data)\n  .attr(\"fill\", \"none\")\n  .attr(\"stroke\", \"steelblue\")\n  .attr(\"stroke-width\", 1.5)\n  .attr(\"d\", d3.line()\n    .x(function(d) { return x(d.date) })\n    .y(function(d) { return y(d.value) })\n    )\n```\n\nThe code above will produce this view:\n\u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/5.png\" \u003e\u003c/div\u003e\n\n### Chart.js\n\nYou can also use the Chart.js library to create charts.\nExemple:\n\n```html\n\u003ccanvas id=\"chart-example\" style=\"width:400px\"\u003e\u003c/canvas\u003e\n```\n\n```javascript\nvar xValues = [50,60,70,80,90,100,110,120,130,140,150];\nvar yValues = [7, 8, 8, 9, 9, 9,  10, 11, 14, 14, 15 ];\n\nnew Chart(\"chart-example\", {\n    type: \"line\",\n    data: {\n        labels: xValues,\n        datasets: [{\n        fill: false,\n        lineTension: 0,\n        backgroundColor: \"rgba(0,0,255,1.0)\",\n        borderColor: \"rgba(0,0,255,0.1)\",\n        data: yValues\n        }]\n    },\n    options: {\n        legend: {display: false},\n        scales: {\n        yAxes: [{ticks: {min: 6, max:16}}],\n        }\n    }\n});\n```\nGraph view:\n\u003cdiv align=center\u003e\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/6.png\" \u003e\u003c/div\u003e\n\n\u003cbr\u003e\n\n:computer: Highlight code\n---\n\nTo highlight code, it is recommended to use the Highlight.js library.\n\n```html\n\u003cpre\u003e\u003ccode class=\"language-javascript\"\u003efunctionPlot({\n    target: \"#function\",\n    width: 400,\n    height: 200,\n    yAxis: { domain: [-1, 9] },\n    grid: true,\n    data: [ {\n        fn: \"x^2\"\n    }]\n});\u003c/code\u003e\u003c/pre\u003e\n```\n\n\u003cbr\u003e\n\n:page_with_curl: Exporting files\n---\n\nTo export your file to the formats: HTML, PNG and PDF; click on their respective icons.\n\n\u003cimg src=\"https://raw.githubusercontent.com/verbum-paper/verbum-paper/main/media/images/8.png\" \u003e\n\n\u003cbr\u003e\n\n:link: Standard libraries and References\n---\n\n### Math Live - LaTex\n\nFor use of LaTex commands, styling, and related details, go to the MathLive reference.\n\nSupport: Math and Text mode, Fractions and Binomials, Binary Operators, Functions, Bounds, Projections, Modulo, Unicode, Large Operators, Logic, Arrows, Accents, Relational Operators, Negated Relational Operators, Sets, Relational Set Operators, Greek, Hebrew, Letterlike Symbols, Delimiters, Punctuation, Spacing, Decorations, Notations, Colors, Font Styling, MathJax HTML Extension, Sizing, Various, MediaWiki, Physics, Chemistry, Macros, Environments / Matrixes, TeX Registers, TeX Primitives.\n\nLink: https://cortexjs.io/mathlive/reference/commands/\n\n\n### Function Plot\n\nTo visualize quadratic functions you can use the Function Plot library.\n\nSupport: Plotting a curve, Additional options, Grid, Domain, Number of samples, Annotations, Range and closed path, Logarithmic scales, Multiple graphs, Graph types, Tip, nth-root, Secants, Derivative, Linked graphs, Update, Function continuity, Circle, Parametric equations, Polar equations, Implicit functions, Points and polylines, Vectors, Advanced, Recipes.\n\nLink: https://mauriciopoppe.github.io/function-plot/\n\n\n### D3\n\nD3.js is a JavaScript library for manipulating documents based on data.\n\nLink: https://observablehq.com/@d3/gallery\n\n\n### Chart.js\n\nSimple yet flexible JavaScript charting for designers \u0026 developers.\n\nLink: https://www.chartjs.org/docs/latest/samples/information.html\n\n\n### Highlight.js\n\nSyntax highlighting librarie.\n\nLink: https://highlightjs.org/usage/\n\n\u003cbr\u003e\n\n:smiley: Author\n---\n\nSponsor: [melchisedech333](https://github.com/sponsors/melchisedech333)\u003cbr\u003e\nTwitter: [Melchisedech333](https://twitter.com/Melchisedech333)\u003cbr\u003e\nLinkedIn: [Melchisedech Rex](https://www.linkedin.com/in/melchisedech-rex-724152235/)\u003cbr\u003e\nBlog: [melchisedech333.github.io](https://melchisedech333.github.io/)\u003cbr\u003e\n\n\u003ca href=\"https://github.com/melchisedech333\" \u003e\u003cimg src=\"https://github.com/melchisedech333.png?size=200\" height=\"100\" /\u003e\u003c/a\u003e\n\n\u003cbr\u003e\n\n:scroll: License\n---\n\n[ BSD-3-Clause license](./license) © Verbum Paper\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelchisedech333%2Fverbum-paper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmelchisedech333%2Fverbum-paper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmelchisedech333%2Fverbum-paper/lists"}