Calendar, but in bullet journal style

bulletjournal_svg.js

const fs = require('fs')
var moment = require('moment')
//https://momentjs.com/docs/#/displaying/

let year = 2018
let month = 0

//(300 per inch)
let viewBoxWidth = 2550
let viewBoxHeight = 3300
let horizonatal_offset = -150 // "min_x"
let vertical_offset = 0 // "min_y"


let radius = (viewBoxHeight)/80
let centerX = 0
let centerY = 0
let day_ymargin = 2
let outline_style_for_day = "fill:rgb(200,200,255);"
let font_size_for_day = radius
let font_style_for_day = `font-family:\'Helvetica\';font-size:${font_size_for_day}px;fill:rgb(102,102,102);`
let font_size_for_month = 3*radius
let font_style_for_month = `font-family:\'Helvetica\';font-size:${font_size_for_month}px;fill:rgb(102,102,102);`


var day = new Date(year, month, 1);
var first_day = moment(day);
first_weekday = first_day.format('d')
first_week_of_the_month = first_day.format('w')
file_name = first_day.format('YYYYMMM')
month_name = first_day.format("MMMM, YYYY")
last_day_of_the_month = first_day.daysInMonth()
console.log(`START !!! my date: ${day} my week: ${first_week_of_the_month}, my day: ${first_weekday}"`)


let svg = ""
svg += '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n'
svg += '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n'

svg += `<svg width="100%" height="100%" viewBox="${horizonatal_offset} ${vertical_offset} ${viewBoxWidth} ${viewBoxHeight}" xmlns="http://www.w3.org/2000/svg">\n`

svg += `\t<g transform="translate(${(radius*4)}, ${(viewBoxHeight/10)})" style="${outline_style_for_day}">\n`

for (let x = 0; x < last_day_of_the_month; x++) {
    let my_day = x+1
    let my_date = new Date(year, month, my_day)
    let my_moment = moment(my_date)
    let my_weekday = my_moment.format('dd')
    //let my_week = my_moment.format('w') - first_week_of_the_month
    //console.log(`my date: ${my_date} my week: ${my_week}, my day: ${my_weekday}"`)
    let my_x = centerX
    let my_date_x = my_x-radius/2
    let my_dayoftheweek_x = my_x - 3*font_size_for_day
    let my_y = centerY + ((my_day) * ((radius*2)+day_ymargin))
    let my_date_y = my_y //- font_size_for_day

    let my_date_text = my_moment.format('DD')

    svg += `\t<circle cx="${my_x}" cy="${my_y}" r="${radius}"/>\n`
    svg += `\t<text x="${my_dayoftheweek_x}" y="${my_date_y}" style="${font_style_for_day}" dominant-baseline="central">${my_weekday}</text>\n`
    svg += `\t<text x="${my_date_x}" y="${my_date_y}" style="${font_style_for_day}" dominant-baseline="central">${my_date_text}</text>\n`


    //svg += `\t<circle cx="${centerX+(x*((radius*2)+5))}" cy="${centerY}" r="${radius}" style="${outline_style_for_day}"/>\n`
}
svg += '\t</g>\n'

svg += `\t<g transform="translate(${(radius)}, ${(viewBoxHeight/12)})" style="${font_style_for_month}">\n`
svg += `\t\t<text>${month_name}</text>\n`
svg += '\t</g>\n'

svg += '</svg>'

fs.writeFile(`${file_name}.svg`, svg, (err) => {  
    // throws an error, you could also catch it here
    if (err) throw err;

    // success case, the file was saved
    console.log('SVG !');
});

shell_commands

cd /YOUR/LOCATIONS/bulletjournal_svg
npm init -y
npm install moment --save
node calendar_svg.js