References:

  1. canvasDesigner: a versatile interactive high-resolution scientific multi-panel visualization toolkit. B. Zhang, S. Zhao, I. Neuhaus. Bioinformatics, 1 October 2018, 34(19):3419-3420.
  2. CanvasXpress is a standalone JavaScript library for interative data exploration and exporting scientific plots in SVG format.
  3. canvasDesigner User Guide

canvasDesigner Demo Video

canvasDesigner new demo video. pic.twitter.com/s87UJ3Bp2i

— Baohong Zhang (@baohongzhang) December 24, 2017

Change Font Size

Font sizes of the title, axial labels and legend of a canvasXpress plot can be changed through the menu of each individual plot as shown in the following steps. After font customization, the plot can be saved in SVG format to be used in canvasDesigner tool. We will use figure D (https://baohongz.github.io/canvasDesigner/violin.html) in demo 1 as an example.
  1. Change font size of sample label



  2. Change font size of y-axis label



  3. Change font size of plot decoration



  4. Change font size of sample title



  5. Save the plot with bigger font in SVG format as violin_bigfont.svg



  6. Before the replacement of figure D



  7. Replace figure D in demo 1 (https://baohongz.github.io/canvasDesigner/demo1.html) by violin_bigfont.svg, see the video guide below

    8. Replace Plot pic.twitter.com/ObMUfMGXcd

    — Baohong Zhang (@baohongzhang) April 21, 2018


  8. After the replacement, please note the enlarged font in figure D

Source Code