30:Ta9e,function plotWithXaxis(yArray,xArray,config = {}) { if (!xArray) xArray = yArray.map((v,i) => i) const plot = asciichart.plot(yArray,config) // determine the overall width of the plot (in characters) const fullWidth = plot.split('\n')[0].length // get the number of characters reserved for the y-axis legend const reservedYLegendWidth = plot.split('\n')[0].split(/┤|┼╮|┼/)[0].length + 2 // the difference between the two is the actual width of the x axis const widthXaxis = fullWidth - reservedYLegendWidth // get the number of characters of the longest x-axis label const longestXLabel = xArray.map(l => l.toString().length).sort((a,b) => b - a)[0] // get maximum amount of decimals in the labels const maxDecimals = !isNaN(config.decimals) ? config.decimals : xArray.map(l => countDecimals(l)).sort((a,b) => b - a)[0] // considering a single whitespace left and right (for readibility), the formula for // determining the maximum amount of (readable) labels boils down to the following: const maxNoXLabels = Math.floor(widthXaxis / (longestXLabel + 2)) const valueBetweenLabels = (xArray[xArray.length - 1] - xArray[0]) / (maxNoXLabels - 2) // add labels with fixed distance, however always include first and last position const factor = Math.pow(10,maxDecimals) const labels = [Math.round(xArray[0] * factor)/factor] for (let i = 0; i < maxNoXLabels - 2; ++i) { labels.push(Math.round((labels[labels.length - 1] + valueBetweenLabels) * factor) / factor) } // labels.push(Math.round(xArray[xArray.length - 1] * factor)/factor) // calculate the position of the x-label ticks const tickPositions = labels.map(value => Math.round((value - xArray[0]) / (xArray[xArray.length - 1] - xArray[0]) * widthXaxis)) let tickString = [...new Array(reservedYLegendWidth)].join(" ") + [...new Array(widthXaxis)].map((v,i) => tickPositions.indexOf(i) > -1 ? "┬" : "─").join("") const tickLabelStartPosition = tickPositions.map((pos,i) => pos - Math.floor(labels[i].toString().length / 2 )) const reservedWhitespace = [...new Array(reservedYLegendWidth - 1)].map((v,i) => { if ((i - reservedYLegendWidth + 1) == tickLabelStartPosition[0]) return labels[0] else return " " }).join("") const startIndex = reservedWhitespace.length + 1 - reservedYLegendWidth const tickLabels = [] for (let i = startIndex; i < widthXaxis; ++i) { if (tickLabelStartPosition.indexOf(i) > -1) { tickLabels.push(labels[tickLabelStartPosition.indexOf(i)]) i = startIndex + tickLabels.join("").length - 1 } else tickLabels.push(" ") } return box`${'\n' + plot + '\n' + tickString + '\n' + reservedWhitespace + tickLabels.join("")}` }31:T11c0,asciichart = { // control sequences for coloring const exports = {} exports.black = "\x1b[30m" exports.red = "\x1b[31m" exports.green = "\x1b[32m" exports.yellow = "\x1b[33m" exports.blue = "\x1b[34m" exports.magenta = "\x1b[35m" exports.cyan = "\x1b[36m" exports.lightgray = "\x1b[37m" exports.default = "\x1b[39m" exports.darkgray = "\x1b[90m" exports.lightred = "\x1b[91m" exports.lightgreen = "\x1b[92m" exports.lightyellow = "\x1b[93m" exports.lightblue = "\x1b[94m" exports.lightmagenta = "\x1b[95m" exports.lightcyan = "\x1b[96m" exports.white = "\x1b[97m" exports.reset = "\x1b[0m" function colored (char, color) { // do not color it if color is not specified return (color === undefined) ? char : (color + char + exports.reset) } exports.colored = colored exports.plot = function (series, cfg = undefined) { // this function takes both one array and array of arrays // if an array of numbers is passed it is transformed to // an array of exactly one array with numbers if (typeof(series[0]) == "number"){ series = [series] } cfg = (typeof cfg !== 'undefined') ? cfg : {} let min = (typeof cfg.min !== 'undefined') ? cfg.min : series[0][0] let max = (typeof cfg.max !== 'undefined') ? cfg.max : series[0][0] for (let j = 0; j < series.length; j++) { for (let i = 0; i < series[j].length; i++) { min = Math.min(min, series[j][i]) max = Math.max(max, series[j][i]) } } let defaultSymbols = [ '┼', '┤', '╶', '╴', '─', '╰', '╭', '╮', '╯', '│' ] let range = Math.abs (max - min) let offset = (typeof cfg.offset !== 'undefined') ? cfg.offset : 3 let padding = (typeof cfg.padding !== 'undefined') ? cfg.padding : ' ' let height = (typeof cfg.height !== 'undefined') ? cfg.height : range let colors = (typeof cfg.colors !== 'undefined') ? cfg.colors : [] let ratio = range !== 0 ? height / range : 1; let min2 = Math.round (min * ratio) let max2 = Math.round (max * ratio) let rows = Math.abs (max2 - min2) let width = 0 for (let i = 0; i < series.length; i++) { width = Math.max(width, series[i].length) } width = width + offset let symbols = (typeof cfg.symbols !== 'undefined') ? cfg.symbols : defaultSymbols let format = (typeof cfg.format !== 'undefined') ? cfg.format : function (x) { return (padding + x.toFixed (2)).slice (-padding.length) } let result = new Array (rows + 1) // empty space for (let i = 0; i <= rows; i++) { result[i] = new Array (width) for (let j = 0; j < width; j++) { result[i][j] = ' ' } } for (let y = min2; y <= max2; ++y) { // axis + labels let label = format (rows > 0 ? max - (y - min2) * range / rows : y, y - min2) result[y - min2][Math.max (offset - label.length, 0)] = label result[y - min2][offset - 1] = (y == 0) ? symbols[0] : symbols[1] } for (let j = 0; j < series.length; j++) { let currentColor = colors[j % colors.length] let y0 = Math.round (series[j][0] * ratio) - min2 result[rows - y0][offset - 1] = colored(symbols[0], currentColor) // first value for (let x = 0; x < series[j].length - 1; x++) { // plot the line let y0 = Math.round (series[j][x + 0] * ratio) - min2 let y1 = Math.round (series[j][x + 1] * ratio) - min2 if (y0 == y1) { result[rows - y0][x + offset] = colored(symbols[4], currentColor) } else { result[rows - y1][x + offset] = colored((y0 > y1) ? symbols[5] : symbols[6], currentColor) result[rows - y0][x + offset] = colored((y0 > y1) ? symbols[7] : symbols[8], currentColor) let from = Math.min (y0, y1) let to = Math.max (y0, y1) for (let y = from + 1; y < to; y++) { result[rows - y][x + offset] = colored(symbols[9], currentColor) } } } } return result.map (function (x) { return x.join ('') }).join ('\n') } return exports }32:[] 2e:{"title":"Hello, asciichart","cells":[{"id":0,"value":"md`# Hello, asciichart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"md`This notebook demonstrates a potential way for adding an x-axis to an [asciichart](https://github.com/kroitor/asciichart). Currently, the function only works with numeric values as x-axis labels.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"md`### Integers`","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"plotWithXaxis(s0,undefined,{height: 10})","pinned":true,"hidden":false,"mode":"ojs"},{"id":200,"value":"md`### Years`","pinned":false,"hidden":false,"mode":"ojs"},{"id":189,"value":"plotWithXaxis(s2,x2,{height: 10})","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"md`### Floats`","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"plotWithXaxis([s2,s3],x1, { height: 10, decimals: 2 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"function countDecimals (value) { \n if ((value % 1) != 0) \n return value.toString().split(\".\")[1].length; \n return 0;\n};","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"s0 = {\n var s0 = new Array (120)\nfor (var i = 0; i < s0.length; i++)\n s0[i] = 15 * Math.sin (i * ((Math.PI * 4) / s0.length))\n return s0\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"s2 = {\n var s2 = new Array (120)\ns2[0] = Math.round (Math.random () * 15)\nfor (let i = 1; i < s2.length; i++)\n s2[i] = s2[i - 1] + Math.round (Math.random () * (Math.random () > 0.5 ? 2 : -2))\n return s2\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"s3 = {\n var s3 = new Array (120)\ns3[0] = Math.round (Math.random () * 15)\nfor (let i = 1; i < s3.length; i++)\n s3[i] = s3[i - 1] + Math.round (Math.random () * (Math.random () > 0.5 ? 2 : -2))\n return s3\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"x1 = [...new Array(120)].map((v,i) => Number((i/120 - 0.5).toFixed(3)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"x2 = [...new Array(120)].map((v,i,arr) => 2021 - arr.length + i)","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"initBoxFont()","pinned":true,"hidden":false,"mode":"ojs"},{"id":301,"value":"boxFonts","pinned":true,"hidden":false,"mode":"ojs"},{"id":284,"value":"import {initBoxFont, box, boxFonts} from \"@jobleonard/unicode-box-drawing-formatter\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}