<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE article PUBLIC "-//NLM//DTD Journal Publishing DTD v2.0 20040830//EN" "http://dtd.nlm.nih.gov/publishing/2.0/journalpublishing.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink" article-type="research-article" dtd-version="2.0">
  <front>
    <journal-meta>
      <journal-id journal-id-type="publisher-id">JFR</journal-id>
      <journal-id journal-id-type="nlm-ta">JMIR Form Res</journal-id>
      <journal-title>JMIR Formative Research</journal-title>
      <issn pub-type="epub">2561-326X</issn>
      <publisher>
        <publisher-name>JMIR Publications</publisher-name>
        <publisher-loc>Toronto, Canada</publisher-loc>
      </publisher>
    </journal-meta>
    <article-meta>
      <article-id pub-id-type="publisher-id">v7i1e40805</article-id>
      <article-id pub-id-type="pmid">37083631</article-id>
      <article-id pub-id-type="doi">10.2196/40805</article-id>
      <article-categories>
        <subj-group subj-group-type="heading">
          <subject>Original Paper</subject>
        </subj-group>
        <subj-group subj-group-type="article-type">
          <subject>Original Paper</subject>
        </subj-group>
      </article-categories>
      <title-group>
        <article-title>Visualization of Traditional Chinese Medicine Formulas: Development and Usability Study</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="editor">
          <name>
            <surname>Mavragani</surname>
            <given-names>Amaryllis</given-names>
          </name>
        </contrib>
      </contrib-group>
      <contrib-group>
        <contrib contrib-type="reviewer">
          <name>
            <surname>Li</surname>
            <given-names>Jie</given-names>
          </name>
        </contrib>
        <contrib contrib-type="reviewer">
          <name>
            <surname>Aslam</surname>
            <given-names>Muhammad Shahzad</given-names>
          </name>
        </contrib>
        <contrib contrib-type="reviewer">
          <name>
            <surname>Galavi</surname>
            <given-names>Zahra</given-names>
          </name>
        </contrib>
      </contrib-group>
      <contrib-group>
        <contrib id="contrib1" contrib-type="author" equal-contrib="yes">
          <name name-style="western">
            <surname>Wu</surname>
            <given-names>Zhiyue</given-names>
          </name>
          <degrees>BEng</degrees>
          <xref rid="aff1" ref-type="aff">1</xref>
          <ext-link ext-link-type="orcid">https://orcid.org/0009-0000-6662-1537</ext-link>
        </contrib>
        <contrib id="contrib2" contrib-type="author" equal-contrib="yes">
          <name name-style="western">
            <surname>Peng</surname>
            <given-names>Suyuan</given-names>
          </name>
          <degrees>MD, PhD</degrees>
          <xref rid="aff2" ref-type="aff">2</xref>
          <ext-link ext-link-type="orcid">https://orcid.org/0000-0002-8221-7574</ext-link>
        </contrib>
        <contrib id="contrib3" contrib-type="author" corresp="yes">
          <name name-style="western">
            <surname>Zhou</surname>
            <given-names>Liang</given-names>
          </name>
          <degrees>PhD</degrees>
          <xref rid="aff2" ref-type="aff">2</xref>
          <address>
            <institution>National Institute of Health Data Science</institution>
            <institution>Peking University</institution>
            <addr-line>No. 38 Xueyuan Rd.</addr-line>
            <addr-line>Beijing, 100191</addr-line>
            <country>China</country>
            <phone>86 10 82806532</phone>
            <email>zhoul@bjmu.edu.cn</email>
          </address>
          <ext-link ext-link-type="orcid">https://orcid.org/0000-0002-0462-4131</ext-link>
        </contrib>
      </contrib-group>
      <aff id="aff1">
        <label>1</label>
        <institution>Institute of Medical Technology</institution>
        <institution>Peking University</institution>
        <addr-line>Beijing</addr-line>
        <country>China</country>
      </aff>
      <aff id="aff2">
        <label>2</label>
        <institution>National Institute of Health Data Science</institution>
        <institution>Peking University</institution>
        <addr-line>Beijing</addr-line>
        <country>China</country>
      </aff>
      <author-notes>
        <corresp>Corresponding Author: Liang Zhou <email>zhoul@bjmu.edu.cn</email></corresp>
      </author-notes>
      <pub-date pub-type="collection">
        <year>2023</year>
      </pub-date>
      <pub-date pub-type="epub">
        <day>21</day>
        <month>4</month>
        <year>2023</year>
      </pub-date>
      <volume>7</volume>
      <elocation-id>e40805</elocation-id>
      <history>
        <date date-type="received">
          <day>20</day>
          <month>7</month>
          <year>2022</year>
        </date>
        <date date-type="rev-request">
          <day>25</day>
          <month>8</month>
          <year>2022</year>
        </date>
        <date date-type="rev-recd">
          <day>9</day>
          <month>9</month>
          <year>2022</year>
        </date>
        <date date-type="accepted">
          <day>27</day>
          <month>3</month>
          <year>2023</year>
        </date>
      </history>
      <copyright-statement>©Zhiyue Wu, Suyuan Peng, Liang Zhou. Originally published in JMIR Formative Research (https://formative.jmir.org), 21.04.2023.</copyright-statement>
      <copyright-year>2023</copyright-year>
      <license license-type="open-access" xlink:href="https://creativecommons.org/licenses/by/4.0/">
        <p>This is an open-access article distributed under the terms of the Creative Commons Attribution License (https://creativecommons.org/licenses/by/4.0/), which permits unrestricted use, distribution, and reproduction in any medium, provided the original work, first published in JMIR Formative Research, is properly cited. The complete bibliographic information, a link to the original publication on https://formative.jmir.org, as well as this copyright and license information must be included.</p>
      </license>
      <self-uri xlink:href="https://formative.jmir.org/2023/1/e40805" xlink:type="simple"/>
      <abstract>
        <sec sec-type="background">
          <title>Background</title>
          <p>Traditional Chinese medicine (TCM) formulas are combinations of Chinese herbal medicines. Knowledge of classic medicine formulas is the basis of TCM diagnosis and treatment and is the core of TCM inheritance. The large number and flexibility of medicine formulas make memorization difficult, and understanding their composition rules is even more difficult. The multifaceted and multidimensional properties of herbal medicines are important for understanding the formula; however, these are usually separated from the formula information. Furthermore, these data are presented as text and cannot be analyzed jointly and interactively.</p>
        </sec>
        <sec sec-type="objective">
          <title>Objective</title>
          <p>We aimed to devise a visualization method for TCM formulas that shows the composition of medicine formulas and the multidimensional properties of herbal medicines involved and supports the comparison of medicine formulas.</p>
        </sec>
        <sec sec-type="methods">
          <title>Methods</title>
          <p>A TCM formula visualization method with multiple linked views is proposed and implemented as a web-based tool after close collaboration between visualization and TCM experts. The composition of medicine formulas is visualized in a formula view with a similarity-based layout supporting the comparison of compositing herbs; a shared herb view complements the formula view by showing all overlaps of pair-wise formulas; and a dimensionality-reduction plot of herbs enables the visualization of multidimensional herb properties. The usefulness of the tool was evaluated through a usability study with TCM experts.</p>
        </sec>
        <sec sec-type="results">
          <title>Results</title>
          <p>Our method was applied to 2 typical categories of medicine formulas, namely tonic formulas and heat-clearing formulas, which contain 20 and 26 formulas composed of 58 and 73 herbal medicines, respectively. Each herbal medicine has a 23-dimensional characterizing attribute. In the usability study, TCM experts explored the 2 data sets with our web-based tool and quickly gained insight into formulas and herbs of interest, as well as the overall features of the formula groups that are difficult to identify with the traditional text-based method. Moreover, feedback from the experts indicated the usefulness of the proposed method.</p>
        </sec>
        <sec sec-type="conclusions">
          <title>Conclusions</title>
          <p>Our TCM formula visualization method is able to visualize and compare complex medicine formulas and the multidimensional attributes of herbal medicines using a web-based tool. TCM experts gained insights into 2 typical medicine formula categories using our method. Overall, the new method is a promising first step toward new TCM formula education and analysis methodologies.</p>
        </sec>
      </abstract>
      <kwd-group>
        <kwd>visualization</kwd>
        <kwd>Chinese medicine formulas</kwd>
        <kwd>interactive data analysis</kwd>
        <kwd>traditional Chinese medicine</kwd>
        <kwd>multifaceted data visualization</kwd>
        <kwd>five elements</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec sec-type="introduction">
      <title>Introduction</title>
      <p>Understanding and applying classical medicine formulas is the basis of traditional Chinese medicine (TCM) diagnosis and treatment and is the core of TCM inheritance. We use the term medicine formulas and herbal formulas interchangeably. Syndrome differentiation and treatment is a core method used in TCM. In clinical practice, prescriptions are based on classical medicine formulas, and the corresponding medicines may be adjusted according to the symptoms of patients. A typical prescription may contain several medicine formulas, but it is a challenge to identify the involved formulas and understand their effects.</p>
      <p>Learning and teaching formulas for Chinese medicine is difficult. Traditional education methods involve reciting classical medicine formulas based on their composition rules [<xref ref-type="bibr" rid="ref1">1</xref>,<xref ref-type="bibr" rid="ref2">2</xref>]. However, formula information is presented in text (<xref ref-type="table" rid="table1">Table 1</xref>) or static figures and pictures [<xref ref-type="bibr" rid="ref3">3</xref>], and the composition rules could not be intuitively understood. Data mining and some visual presentations are adopted in the existing computerized analysis of TCM formulas [<xref ref-type="bibr" rid="ref4">4</xref>-<xref ref-type="bibr" rid="ref6">6</xref>]. However, these methods are query based and do not allow users to interactively explore medicine formulas, and the relatively simple visualization cannot provide an overview of a group of medicine formulas or an in-depth comparison of formulas.</p>
      <p>In this study, we propose a visualization method for TCM formulas to assist in the learning of the subject. Our method provides an overview of a set of formulas and their compositing medicines and an interactive exploration of the association between formulas and herbs. The usefulness of our method was demonstrated using 2 use cases of typical medicine formula groups in a usability study.</p>
      <p>The target audience of our method was medical students learning TCM formulas. However, TCM doctors and patients could also benefit from our method to better understand the formulas or prescriptions.</p>
      <p>In this paper, Pinyin—the standard romanization system of Chinese—is used for the names of formulas and medicines, and the corresponding Chinese characters are provided in parentheses. A conversion table for Pinyin, Chinese characters, English, and Latin is provided in <xref ref-type="supplementary-material" rid="app1">Multimedia Appendix 1</xref>. High resolution figures can be found in <xref ref-type="supplementary-material" rid="app2">Multimedia Appendix 2</xref>.</p>
      <table-wrap position="float" id="table1">
        <label>Table 1</label>
        <caption>
          <p>Part of the original text–based medicine formula information summarized from the textbook Chinese Herbal Formulas (Tenth Edition) [<xref ref-type="bibr" rid="ref7">7</xref>].</p>
        </caption>
        <table width="1000" cellpadding="5" cellspacing="0" border="1" rules="groups" frame="hsides">
          <col width="400"/>
          <col width="600"/>
          <thead>
            <tr valign="top">
              <td>Formula</td>
              <td>Medicines</td>
            </tr>
          </thead>
          <tbody>
            <tr valign="top">
              <td><italic>Bazhentang</italic><sup>a</sup> (八珍汤)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Renshen (Ginseng, 人参)<sup>b.c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Shudihuang (Prepared Rehmannia Root, 熟地黄)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Danggui (root of Chinese Angelica, 当归)</p>
                  </list-item>
                  <list-item>
                    <p>Chuanxiong (Chuanxiong Rhizoma, 川芎)</p>
                  </list-item>
                  <list-item>
                    <p>Baizhu (rhizome of Largehead Atractylodes, 白术)</p>
                  </list-item>
                  <list-item>
                    <p>Fuling (Indian Bread, 茯苓)</p>
                  </list-item>
                  <list-item>
                    <p>Baishao (White peony root, 白芍)</p>
                  </list-item>
                  <list-item>
                    <p>Zhigancao (liquorice root, 炙甘草)</p>
                  </list-item>
                  <list-item>
                    <p>Shengjiang (Fresh Ginger, 生姜)</p>
                  </list-item>
                  <list-item>
                    <p>Dazao (Jujube Chinese date, 大枣)</p>
                  </list-item>
                </list>
              </td>
            </tr>
            <tr valign="top">
              <td><italic>Shenlingbaizhusan</italic> (参苓白术散)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Renshen (Ginseng, 人参)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Baizhu (rhizome of Largehead Atractylodes, 白术)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Fuling (Indian Bread, 茯苓)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Lianzi (Lotus Seed, 莲子)</p>
                  </list-item>
                  <list-item>
                    <p>Yiyiren (seed of Jobstears, 薏苡仁)</p>
                  </list-item>
                  <list-item>
                    <p>Shanyao (Common Yam Rhizome, 山药)</p>
                  </list-item>
                  <list-item>
                    <p>Jiegeng (Platycodon Root, 桔梗)</p>
                  </list-item>
                  <list-item>
                    <p>Dazao (Jujube Chinese date, 大枣)</p>
                  </list-item>
                  <list-item>
                    <p>Gancao (root of Ural Licorice, 甘草)</p>
                  </list-item>
                  <list-item>
                    <p>Sharen (Villous Amomum Fruit, 砂仁)</p>
                  </list-item>
                  <list-item>
                    <p>Baibiandou (White Hyacinth Bean, 白扁豆)</p>
                  </list-item>
                </list>
              </td>
            </tr>
            <tr valign="top">
              <td><italic>Shengmaisan</italic> (生脉散)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Renshen (Ginseng, 人参)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Maidong (Dwarf lilyturf tuber, 麦冬)</p>
                  </list-item>
                  <list-item>
                    <p>Wuweizi (Schisandrae Chinensis Fructus, 五味子)</p>
                  </list-item>
                </list>
              </td>
            </tr>
            <tr valign="top">
              <td><italic>Sijunzitang</italic> (四君子汤)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Renshen (Ginseng, 人参)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Gancao (root of Ural Licorice, 甘草)</p>
                  </list-item>
                  <list-item>
                    <p>Baizhu (rhizome of Largehead Atractylodes, 白术)</p>
                  </list-item>
                  <list-item>
                    <p>Fuling (Indian Bread, 茯苓)</p>
                  </list-item>
                </list>
              </td>
            </tr>
            <tr valign="top">
              <td><italic>Dabuyinwan</italic> (大补阴丸)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Shudihuang (Prepared Rehmannia Root, 熟地黄)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Guijia (Tortose's Carapae and Plastron, 龟甲)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Huangbo (Phellodendron bark, 黄柏)</p>
                  </list-item>
                  <list-item>
                    <p>Zhimu (rhizome of Common Amarrhe, 知母)</p>
                  </list-item>
                </list>
              </td>
            </tr>
            <tr valign="top">
              <td><italic>Siwutang</italic> (四物汤)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Shudihuang (Prepared Rehmannia Root, 熟地黄)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Baishao (White peony root, 白芍)</p>
                  </list-item>
                  <list-item>
                    <p>Chuanxiong (Chuanxiong Rhizoma, 川芎)</p>
                  </list-item>
                  <list-item>
                    <p>Danggui (root of Chinese Angelica, 当归)</p>
                  </list-item>
                </list>
              </td>
            </tr>
            <tr valign="top">
              <td><italic>Dihuangyinzi</italic> (地黄饮子)</td>
              <td>
                <list list-type="bullet">
                  <list-item>
                    <p>Shudihuang (Prepared Rehmannia Root, 熟地黄)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Shanzhuyu (Asiatic Cornelian Cherry Fruit, 山茱萸)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Roucongrong (Desertliving Cistanche, 肉苁蓉)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Bajitian (Morindae Officilis Radix, 巴戟天)<sup>c</sup></p>
                  </list-item>
                  <list-item>
                    <p>Maidong (Dwarf lilyturf tuber, 麦冬)</p>
                  </list-item>
                  <list-item>
                    <p>Yuanzhi (Thinleaf Milkwort Root, 远志)</p>
                  </list-item>
                  <list-item>
                    <p>Shengjiang (Fresh Ginger, 生姜)</p>
                  </list-item>
                  <list-item>
                    <p>Fuzi (Common Monkshood Daughter Root, 附子)</p>
                  </list-item>
                  <list-item>
                    <p>Fuling (Indian Bread, 茯苓)</p>
                  </list-item>
                  <list-item>
                    <p>Dazao (Jujube Chinese date, 大枣)</p>
                  </list-item>
                  <list-item>
                    <p>Wuweizi (Schisandrae Chinensis Fructus, 五味子)</p>
                  </list-item>
                  <list-item>
                    <p>Shihu (Noble Dendrobium Stem Herb, 石斛)</p>
                  </list-item>
                  <list-item>
                    <p>Shichangpu (Grassleaf Sweetflag Rhizome, 石菖蒲)</p>
                  </list-item>
                  <list-item>
                    <p>Rougui (Cassia Bark, 肉桂)</p>
                  </list-item>
                  <list-item>
                    <p>Bohe (Mentha, Peppermint, 薄荷)</p>
                  </list-item>
                </list>
              </td>
            </tr>
          </tbody>
        </table>
        <table-wrap-foot>
          <fn id="table1fn1">
            <p><sup>a</sup>The italicization represents the Pinyin name of formulas.</p>
          </fn>
          <fn id="table1fn2">
            <p><sup>b</sup>Pinyin (English name, Chinese name).</p>
          </fn>
          <fn id="table1fn3">
            <p><sup>c</sup>Principal herb or herbs.</p>
          </fn>
        </table-wrap-foot>
      </table-wrap>
    </sec>
    <sec sec-type="methods">
      <title>Methods</title>
      <sec>
        <title>Data Descriptions</title>
        <p>Classifications of Chinese herbal medicines are multifaceted and multileveled [<xref ref-type="bibr" rid="ref2">2</xref>]. Siqi (四气), Wuwei (五味), and Guijing (归经) are the basic attributes for herb classification and have been an important part of TCM research. Siqi represents the properties of Chinese herbal medicines according to their functions on the human body: cold (寒), hot (热), warm (温), and cool (凉). In addition, herbs with gentle properties are namely calm (平). Wuwei means flavors: pungent (辛), sweet (甘), sour (酸), bitter (苦), salty (咸), tasteless (淡), and astringent (涩). It is believed that these factors are associated with body heat production processes or metabolic activities and may also play a role in the digestive system, nervous system, and cardiovascular system [<xref ref-type="bibr" rid="ref8">8</xref>]. Guijing regards the orientation of Chinese herbal medicines, which is to closely connect the functions of herbs with the organs and meridians (脏腑经络) of the human body.</p>
        <p>Another important concept for herbs in the formula is Jun-Chen-Zuo-Shi (君臣佐使). Jun-Chen-Zuo-Shi is the principle of the compatibility of TCM formulas. Junyao (君药), namely, principal herbs as used hereafter, plays a major role against the main disease or syndrome. It is the primary herb used in the formulas. Footnote c in <xref ref-type="table" rid="table1">Table 1</xref> indicates Junyao in the corresponding formulas.</p>
        <p>In this work, the medicine formulas data were extracted from the key medicine formulas of the textbook <italic>Chinese Herbal Formulas (Tenth Edition)</italic> [<xref ref-type="bibr" rid="ref7">7</xref>], as shown in <xref ref-type="table" rid="table1">Table 1</xref>. Multidimensional herb attribute data were retrieved from the SymMap database [<xref ref-type="bibr" rid="ref9">9</xref>]. Siqi has 5 dimensions: cold, hot, warm, cool, and calm. Wuwei has 7 dimensions: pungent, sweet, sour, bitter, salty, tasteless, and astringent. Guijing has 11 orientations: liver meridian, heart meridian, spleen meridian, lung meridian, kidney meridian, bladder meridian, large intestine meridian, small intestine meridian, stomach meridian , gallbladder meridian, and pericardium meridian. These properties were combined and represented as a 23-dimensional vector for each herb.</p>
      </sec>
      <sec>
        <title>Ethical Considerations</title>
        <p>This study did not involve human subjects research. The data used in this study were obtained from a publicly available database and a textbook.</p>
      </sec>
      <sec>
        <title>Requirement Analysis and Method Overview</title>
        <p>Our goal was to devise a joint visualization method of medicine formulas and the attributes of corresponding herbs. The visual design should support the comparison of formulas and facilitate the classification of herbs based on their properties (Siqi, Wuwei, and Guijing). Visualization and TCM experts worked closely together to analyze the requirements of the visual analysis method for medicine formulas. The requirements are summarized as follows:</p>
        <list list-type="bullet">
          <list-item>
            <p>Requirement 1: clear visualization of medicine formulas</p>
          </list-item>
          <list-item>
            <p>Requirement 2: comparing different medicine formulas with ease</p>
          </list-item>
          <list-item>
            <p>Requirement 3: principal herbs should be highlighted</p>
          </list-item>
          <list-item>
            <p>Requirement 4: associating medicine formulas and attributes of the corresponding herbs</p>
          </list-item>
          <list-item>
            <p>Requirement 5: visual elements should be effectively perceived</p>
          </list-item>
          <list-item>
            <p>Requirement 6: interactions should be easy</p>
          </list-item>
          <list-item>
            <p>Requirement 7: visual designs should reflect general concepts of TCM</p>
          </list-item>
        </list>
        <p>Our method is the result of an iterative development process using quick prototypes. Prototypes were realized based on the requirements and proposed to the TCM expert (SP, one of the authors), and improvements were made based on the feedback of the TCM expert.</p>
        <p>The workflow of our method is shown in <xref rid="figure1" ref-type="fig">Figure 1</xref>: the medicine formulas information and the multidimensional medicine attribute data are prepared as the input; medicine attribute data are projected to the low-dimensional space (2D) and pair-wise distances are calculated; medicine formulas data are arranged by our similarity-based layout algorithm and visualized as an icicle plot; shared herbs of each pair of formulas are calculated and visualized as a matrix; and next, colors are designed for herbs using our perceptual-guided, data-driven color-encoding method.</p>
        <fig id="figure1" position="float">
          <label>Figure 1</label>
          <caption>
            <p>The workflow of our method.</p>
          </caption>
          <graphic xlink:href="formative_v7i1e40805_fig1.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </fig>
      </sec>
      <sec>
        <title>Dimensionality Reduction and Distance Computation</title>
        <p>The attributes of an herbal medicine can be written as an M-dimensional (M=23) vector <bold>P</bold> of binary valued elements:</p>
        <disp-formula>
          <graphic xlink:href="formative_v7i1e40805_fig13.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </disp-formula>
        <p>The M-dimensional space is then dimensionality reduced to 2D with a vector <bold>p</bold> of real values:</p>
        <disp-formula>
          <graphic xlink:href="formative_v7i1e40805_fig14.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </disp-formula>
        <p>Uniform manifold approximation and projection for dimension reduction (UMAP) [<xref ref-type="bibr" rid="ref10">10</xref>] is used for its structure preservation ability and computational efficiency. The distance between the herbs is the basis of our subsequent similarity-based layout computation and visualization. We defined the distance <italic>d (u, v)</italic> between 2 herbs <italic>u</italic> and v as the L2-norm, that is, Euclidean distance, between their corresponding 2D vectors <bold>p</bold><italic><sub>u</sub></italic> and <bold>p</bold><italic><sub>v</sub></italic>, respectively:</p>
        <disp-formula><italic>d (u, v)</italic> = &#124;&#124;<bold>p</bold><sub>u</sub> – <bold>p</bold><sub>v</sub>&#124;&#124;. <bold>(3)</bold></disp-formula>
        <p>The distance between <bold>P</bold><sub>u</sub> and <bold>P</bold><sub>v</sub> in the original M-dimensional space is also considered. However, our experiment shows that the difficulty of discriminating herbs based on the distance with <bold>P</bold> is higher than that with the projected vectors <bold>p</bold>, and the resulting visualization based on <bold>P</bold> is more difficult to compare and comes with more visual clutter.</p>
      </sec>
      <sec>
        <title>Formulas Visualization</title>
        <sec>
          <title>Domain Expert Evaluation of Set Visualization Methods</title>
          <p>Typically, a dozen formulas and even more herbs are included in a category of formulas. From a set visualization perspective, both the number of sets and set elements are large; therefore, a suitable visualization that scales well and is easily understandable is required.</p>
          <p>We evaluated popular set visualization techniques to design a proper set visualization method using a TCM expert (SP). The figures of an Euler diagram, a node-link diagram, and matrix-based methods included in a set visualization survey paper [<xref ref-type="bibr" rid="ref11">11</xref>] were shown to the TCM expert. The expert was asked to rank the feasibility of these methods for medicine formulas visualization based on the scalability, the ease of understanding, and the support for comparison. The matrix-based method was ranked first by the TCM expert, followed by the node-link diagram, the Euler diagram, and the overlay.</p>
          <p>On the basis for this informal evaluation, we decided to devise a sparse matrix-based method based on the evaluation to show formulas and corresponding medicines to meet requirements 1 and 2. To support the analysis of overlapping herbs within formulas, a co-occurrence matrix view is used to complement the formula view.</p>
        </sec>
        <sec>
          <title>Icicle Plot of Medicine Formulas</title>
          <p>Our formula-medicine matrix (set-element matrix) treats formulas (sets) as columns and herbs (elements) as rows. The matrix can be shown with a sparse representation as a collection of formula columns of their corresponding herb rows. This representation is similar to that of an icicle plot for hierarchical visualization. It has the potential to support the comparison of similar medicine formulas if properly laid out. Furthermore, the icicle plot allows for the encoding of herbs in a hierarchy to separate the principal herbs from other herbs.</p>
          <p>Each record in the medicine formula data contains the name of the formula, names of herbs, and tags for principal medicines (<xref ref-type="table" rid="table1">Table 1</xref>). We set the content of elements of the icicle plot to names of herbs and used each column to show a medicine formula, as shown in <xref rid="figure2" ref-type="fig">Figures 2</xref> and <xref rid="figure3" ref-type="fig">3</xref>.</p>
          <fig id="figure2" position="float">
            <label>Figure 2</label>
            <caption>
              <p>The design of the icicle plot of medicine formulas. Each column of the icicle plot contains a medicine formula, which comprises principal herbs (text in blue) and other herbs (text in black). The name of the formula is placed under its column.</p>
            </caption>
            <graphic xlink:href="formative_v7i1e40805_fig2.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
          </fig>
          <fig id="figure3" position="float">
            <label>Figure 3</label>
            <caption>
              <p>Icicle plots with (A) the original order of medicine formulas data and (B) our similarity-based layout. (This figure is compressed, and a high-resolution version can be found in <xref ref-type="supplementary-material" rid="app2">Multimedia Appendix 2</xref>).</p>
            </caption>
            <graphic xlink:href="formative_v7i1e40805_fig3.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
          </fig>
          <p>In our design, principal herbs were highlighted and treated differently from other herbs to meet requirement 3. As shown in <xref rid="figure2" ref-type="fig">Figure 2</xref>, principal herbs are placed at the top levels of the hierarchy and colored blue with bold face font and glow. Formulas containing common principal herbs were grouped together. Rows were padded so that the top of all nonprincipal herbs were aligned for comparison (requirement 2). For example, rows are padded for Renshen (Ginseng, 人参), as shown in <xref rid="figure2" ref-type="fig">Figure 2</xref>. The name of the medicine formula is placed under its corresponding column in italic font face with a fixed vertical spacing, as shown in <xref rid="figure3" ref-type="fig">Figure 3</xref>. This design is simple yet effective: the height of each column is used as an additional cue to the horizontal position for the quick alignment of a formula and its name.</p>
          <p>Because the set-based formula information must be converted into columns of the icicle plot, ordering is needed for herbs in a formula. However, herbs in the original data have no specific ordering: the resulting icicle plot of medicine formulas of tonic formulas with the initial ordering of herbs is shown in <xref rid="figure3" ref-type="fig">Figure 3</xref>A. The plot is cluttered, and comparing elements of medicine formulas is difficult, as frequent context switch has to be made while searching for the same herb. Therefore, we propose a similarity-based layout method to facilitate an easier comparison and clearer visualization of medicine formulas than using the original ordering.</p>
        </sec>
        <sec>
          <title>Similarity-Based Layout Computation</title>
        </sec>
        <sec>
          <title>Overview</title>
          <p>Our method is an efficient greedy algorithm with 2 steps based on the similarity of herbs: first, the arrangement of principal herbs and then the arrangement of the remaining herbs.</p>
          <p>To facilitate this explanation, we introduced the similarity sequence <italic>S</italic> = (<italic>s</italic><sub>1</sub>,…,<italic>s<sub>n</sub></italic>) for a set of herbs <italic>H</italic> = [<italic>h</italic><sub>1</sub>,…,<italic>h<sub>n</sub></italic>]. The element <italic>s<sub>i</sub></italic> in <italic>S</italic> is expressed as follows:</p>
          <disp-formula>
            <graphic xlink:href="formative_v7i1e40805_fig12.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
          </disp-formula>
          <p>where <italic>d (s, h)</italic> is the distance between <italic>s</italic> and <italic>h</italic> using equation 3 and <italic>t</italic> is a random number between 1 and <italic>n</italic>.</p>
        </sec>
        <sec>
          <title>Arrangement of Principal Herbs</title>
          <p>In this step, the columns of the icicle plot were sorted based on the similarity of the principal herbs. If an herb is the only principal herb in a certain medicine formula, it is assigned as the top-level principal herb. Such herbs of all formulas were sorted using equation 4.</p>
          <p>We then treat formulas with ≥1 principal herb. If any principal herb of the formula appears in the top-level principal herb list, it is denoted as the top-level principal herb of that formula; if none of the principal herbs in a formula is contained in the list, a random herb is selected and added to the list. An example is Wandaitang (完带汤) as highlighted in the yellow box in <xref rid="figure3" ref-type="fig">Figure 3</xref>. The sorted top-level principal herbs were placed on the first row of the icicle plot. Other principal herbs were sorted according to their distance and laid out as subsequent children nodes as rows with an increasing number of herbs from left to right. To align nonprincipal herbs across formulas for easy comparison, rows of principal herbs were added.</p>
          <p>The results after the arrangement of the principal herbs are shown in <xref rid="figure2" ref-type="fig">Figure 2</xref> (a zoomed-in part of <xref rid="figure3" ref-type="fig">Figure 3</xref>). Here, Renshen (Ginseng, 人参) is the top-level principal herb, and Shenlingbaizhusan (参苓白术散) and Bazhentang (八珍汤) have ≥1 principal herb (columns 2 and 3, respectively). The principal herb rows are padded to 3, as Shenlingbaizhusan has a maximum of 3 principal herbs.</p>
        </sec>
        <sec>
          <title>Arrangement of Remaining Herbs</title>
          <p>Next, the remaining herbs were arranged. From left to right, each formula column was converted from a set to a sequence. The leftmost column is sorted by distance-based ordering using equation 4. Starting from the second column from the left, medicines are sorted by local similarity—the same herbs in adjacent columns are aligned first, and other herbs are sorted based on distances to the adjacent herbs to the left.</p>
          <p><xref rid="figure3" ref-type="fig">Figure 3</xref>B shows the icicle plot of tonic formulas with the new similarity layout. Compared with the original layout (<xref rid="figure3" ref-type="fig">Figure 3</xref>A), the alignment of herbs was improved, and the same herbs in adjacent columns were aligned vertically. For example, note how Baizhu (rhizome of Largehead Atractylodes, 白术), Fuling (Indian Bread, 茯苓), and Renshen (Ginseng,人参) are aligned as nonprincipal herbs in <xref rid="figure3" ref-type="fig">Figure 3</xref>B, whereas in <xref rid="figure3" ref-type="fig">Figure 3</xref>A, such alignments are nonexistent.</p>
        </sec>
      </sec>
      <sec>
        <title>Visualization of Shared Herbs in Formulas</title>
        <p>A co-occurrence matrix view of formulas is included to complement the icicle plot for comparing formulas that are far apart, for example, having different principal herbs. The benefit of using a matrix view is that all formulas’ complete pair-wise intersection information can be effectively represented and easily identified.</p>
        <p>As shown in <xref rid="figure4" ref-type="fig">Figure 4</xref>, the matrix contains formulas as rows and columns and the number of shared herbs as the element value. With a sequential color map, this view allows the user to quickly examine the overlapping information of each formula against all others by focusing on a row or column. In addition, the color encoding effectively draws the attention of the user to formulas with the highest number of shared herbs: in this case, Zuoguiwan (左归丸) and Youguiwan (右归丸) as highlighted in red in <xref rid="figure4" ref-type="fig">Figure 4</xref>.</p>
        <fig id="figure4" position="float">
          <label>Figure 4</label>
          <caption>
            <p>The shared herbs matrix view of formulas.</p>
          </caption>
          <graphic xlink:href="formative_v7i1e40805_fig4.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </fig>
      </sec>
      <sec>
        <title>Perceptual-Guided, Data-Driven Color Encoding</title>
        <sec>
          <title>Overview</title>
          <p>The herb and formula views are color encoded based on the multidimensional attributes of herbs with perceptual guidance of their similarity. The workflow of our color-encoding method is illustrated in <xref rid="figure5" ref-type="fig">Figure 5</xref>: the method is based on the 2D reduced space derived from multidimensional herb attribute data and requires the knowledge of users to identify representative herbs within it. For a group of herb formulas, medical experts can identify several representative herbs based on their TCM attributes using TCM concept-inspired colors (representative 7). These colors are transformed into a perceptual uniform color space and interpolated with radial basis functions (RBFs) to obtain the herb colors and the continuous 2D color map that spans the entire dimensionality-reduced attribute space.</p>
          <fig id="figure5" position="float">
            <label>Figure 5</label>
            <caption>
              <p>The pipeline of our color-encoding method. CIECAM02-UCS: International Commission on Illumination Color Appearance Model 2002 Uniform Color Space; RBF: radial basis function; sRGB: standard RGB; TCM: traditional Chinese medicine.</p>
            </caption>
            <graphic xlink:href="formative_v7i1e40805_fig5.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
          </fig>
        </sec>
        <sec>
          <title>TCM Concept-Inspired Representative Color Design</title>
          <p>The colors of the representative herb were carefully chosen to show TCM concepts. These TCM concepts include 5 elements (五行), 5 colors (五色), and 5 internal organs (五脏), as summarized in <xref rid="figure6" ref-type="fig">Figure 6</xref>. The associated colors are handpicked to show the connection to the 5 colors with perceptual and esthetic considerations—the luminance of colors should not vary too much, and saturated colors should be avoided.</p>
          <fig id="figure6" position="float">
            <label>Figure 6</label>
            <caption>
              <p>Colors designed for medicine based on traditional Chinese medicine concepts.</p>
            </caption>
            <graphic xlink:href="formative_v7i1e40805_fig6.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
          </fig>
        </sec>
        <sec>
          <title>Perceptual Uniform Color Space</title>
          <p>For perceptual uniformity, we used the International Commission on Illumination Color Appearance Model 2002 Uniform Color Space (CIECAM02-UCS) [<xref ref-type="bibr" rid="ref12">12</xref>] to calculate the colors of the remaining herb with color interpolation. As shown in <xref rid="figure5" ref-type="fig">Figure 5</xref>, we transformed the colors of the representative herb from standard RGB (sRGB) to CIECAM02-UCS through the International Commission on Illumination XYZ color space (CIEXYZ). Then, RBF interpolation was performed for each channel of the CIECAM02-UCS. Next, the interpolated colors are converted back to sRGB for display.</p>
        </sec>
        <sec>
          <title>RBF Color Interpolation</title>
          <p>RBF interpolation enables the interpolation of unstructured data, for example, a few scattered points or point clouds, making them a good choice for our method. We experimented with several RBFs, including Gaussian, cubic, and thin-plate functions and chose the linear RBF. The choice is made for 2 reasons: first, the measure of Euclidean distance matches the distance of herbs, and second, the least duplicate colors are generated among the RBFs we tested.</p>
        </sec>
        <sec>
          <title>Color Assignment</title>
          <p>Continuous 2D color maps of the 2 groups of medicine formulas generated by RBF interpolation over the entire 2D domain are shown in <xref rid="figure7" ref-type="fig">Figures 7</xref>A and 7B. Smooth transitioning between attributes of medicines can be seen in 2D color maps, whereas color differences indicate distances between medicines. Therefore, 2D continuous color maps are useful tools for examining the distribution of herbs in the multidimensional space of a certain medical formula.</p>
          <p>To assign colors to the herbs, the 2D location of each herb in the dimensionality-reduced space was used for the interpolation of colors. Herb colors overlaid on the continuous color map are shown for the 2 formula groups in <xref rid="figure7" ref-type="fig">Figure 7</xref>C and 7D. For efficiency, only the colors of points of herbs shown in medicine formulas need to be calculated if the overall trend in the 2D domain is not the focus.</p>
          <fig id="figure7" position="float">
            <label>Figure 7</label>
            <caption>
              <p>Color encoding with our method for tonic formulas (the left column) and heat-clearing formulas (the right column). Continuous 2D colormaps are shown in parts (A) and (B), respectively. (C) and (D) Herb colors are calculated based on their positions in the 2D domain. (This figure is compressed, and a high-resolution version can be found in <xref ref-type="supplementary-material" rid="app2">Multimedia Appendix 2</xref>).</p>
            </caption>
            <graphic xlink:href="formative_v7i1e40805_fig7.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
          </fig>
        </sec>
      </sec>
      <sec>
        <title>User Interactions</title>
        <p>Our visualization method supports interactive exploration within the formula view, the matrix view, and the herb view. Brushing and linking enables connections between these 3 views (requirement 4). In the formula view, the names of all formulas are shown whenever the mouse hovers over an herb, as shown in <xref rid="figure8" ref-type="fig">Figure 8</xref>A. The matrix view highlights the corresponding formulas when the mouse hovers over an element. In the herb view, a lasso tool allows users to flexibly select the herbs of interest. All potential formulas are shown as text in the scatterplot of the herb view (<xref rid="figure8" ref-type="fig">Figure 8</xref>C). Representative herbs can be assigned and updated through selection boxes on top of the herb view (<xref rid="figure9" ref-type="fig">Figure 9</xref>). These user interactions are easy to use and intuitive for users who are not familiar with interactive visualization. Therefore, requirement 6 is satisfied.</p>
        <p>Brushing and linking enables visual connections between the formula view and the herb view interactively. All herbs are highlighted in the herb view with enlarged size (<xref rid="figure8" ref-type="fig">Figure 8</xref>B) if any formula is selected in the formula view (<xref rid="figure8" ref-type="fig">Figure 8</xref>A). Conversely, whenever any herb is selected in the herb view (<xref rid="figure8" ref-type="fig">Figure 8</xref>C), the formula view is updated, as shown in <xref rid="figure8" ref-type="fig">Figure 8</xref>D. Here, all selected formulas are highlighted with blue solid lines, and formulas containing the selected herbs are highlighted with red dashed lines. As a result, brushing and linking helps enhance the understanding of users regarding the composition of herbs in formulas (requirement 5).</p>
        <fig id="figure8" position="float">
          <label>Figure 8</label>
          <caption>
            <p>User interactions in our method: (A) mouse hovering in the formula view and (B) corresponding updates in the herb view; (C) lasso selection in the herb view and (D) corresponding changes in the formula view. (This figure is compressed, and a high-resolution version can be found in <xref ref-type="supplementary-material" rid="app2">Multimedia Appendix 2</xref>).</p>
          </caption>
          <graphic xlink:href="formative_v7i1e40805_fig8.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </fig>
        <fig id="figure9" position="float">
          <label>Figure 9</label>
          <caption>
            <p>Visualizations of 2 typical groups of medicine formulas with our method: (A) tonic formulas and (B) heat-clearing formulas. (This figure is compressed, and a high-resolution version can be found in <xref ref-type="supplementary-material" rid="app3">Multimedia Appendix 3</xref>).</p>
          </caption>
          <graphic xlink:href="formative_v7i1e40805_fig9.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </fig>
      </sec>
      <sec>
        <title>Implementation</title>
        <p>The proposed method was implemented as a web-based visual analysis tool, as shown in <xref rid="figure9" ref-type="fig">Figure 9</xref>. Data processing procedures were performed in Python aided by the “umap” package for dimensionality reduction, the “scipy” package for RBF interpolation, and the “color” package for color space transformations. Visualization and user interactions were realized in JavaScript aided by the “D3” package, and the communication between Python and JavaScript components is achieved using the “eel” package.</p>
      </sec>
    </sec>
    <sec sec-type="results">
      <title>Results</title>
      <sec>
        <title>Overview</title>
        <p>The evaluation of our method was performed as a usability study with the analysis of 2 representative use cases—tonic and heat-clearing formulas—by 2 TCM experts (SP and XH). They were asked to analyze the formulas using the web-based tool with think-aloud protocol analysis and provide feedback after the session. Both experts were systematically trained in TCM and obtained clinical degrees and certificates in TCM. One has obtained a doctoral degree in TCM (SP), whereas the other has been working in clinical for over 9 years (XH). Both experts have ≥14 years of expertise in TCM.</p>
        <p>After introducing our method to the participants, they were asked to explore the medicine formulas data using our visualization tool, whereas the observer observed and talked to the participants. Afterward, they were asked to provide further feedback on the method. Visualizations of the 2 use cases presented to the TCM experts, as in the web-based tool, are shown in <xref rid="figure9" ref-type="fig">Figure 9</xref>.</p>
      </sec>
      <sec>
        <title>Statistics of Data Sets for Evaluation</title>
        <p>The tonic formulas (<xref rid="figure9" ref-type="fig">Figure 9</xref>A) contained 20 formulas and 58 herbs with 17 principal herbs and a median of 1 principal herb per formula. The median number of herbs per formula was 7.5, with a minimum of 2 and maximum of 15. The average number of shared herbs in a pair of formulas was 1.09 (SD 1.22).</p>
        <p>The heat-clearing formulas (<xref rid="figure9" ref-type="fig">Figure 9</xref>B) contained 26 formulas and 73 herbs with 25 principal herbs with a median of 1 principal herb per formula. The median number of herbs per formula was 6.5, with a minimum of 2 and maximum of 17. The average number of shared herbs between a pair of formulas was 0.98 (SD 1.24).</p>
      </sec>
      <sec>
        <title>Use Cases</title>
        <p>Expert PS started the analysis by looking at the overall distribution of herbs and used her knowledge to assign representative herbs for each herb category listed in <xref rid="figure6" ref-type="fig">Figure 6</xref>. The resulting continuous 2D colormaps show that the center of the attribute space of tonic formulas is red (<xref rid="figure7" ref-type="fig">Figure 7</xref>A), whereas heat-clearing formulas have the center of their space as green and black (<xref rid="figure7" ref-type="fig">Figure 7</xref>B). These results indicate the different properties of tonic and heat-clearing formulas and are in line with related TCM concepts.</p>
        <p>In the icicle plot of tonic formulas (<xref rid="figure10" ref-type="fig">Figure 10</xref>, right), it is easily seen that 2 adjacent columns are similar: the Bazhentang (八珍汤) contains the Sijunzitang (四君子汤) as highlighted in the yellow box. The TCM expert then analyzed the differences between these 2 formulas. She used the lasso tool in the herb view to select 4 other herbs in Bazhentang, as shown in <xref rid="figure10" ref-type="fig">Figure 10</xref> (left). The text below the scatterplot shows that formulas containing these herbs are Bazhentang and Siwutang (四物汤). These 2 formulas were selected with red dashed lines, and the selected herbs are highlighted with solid blue lines in the formula view (<xref rid="figure10" ref-type="fig">Figure 10</xref>, right). A close examination showed that the lasso-selected herbs form Siwutang. Moreover, it can be seen that Bazhentang is the combination of Sijunzitang and Siwutang.</p>
        <fig id="figure10" position="float">
          <label>Figure 10</label>
          <caption>
            <p>The analysis of tonic prescriptions with our method. A lasso selects 4 herbs of interest in the herb view (left), and corresponding formulas are highlighted in the formula view (right). (This figure is compressed, and a high-resolution version can be found in <xref ref-type="supplementary-material" rid="app4">Multimedia Appendix 4</xref>).</p>
          </caption>
          <graphic xlink:href="formative_v7i1e40805_fig10.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </fig>
        <p>In the matrix view (<xref rid="figure9" ref-type="fig">Figure 9</xref>A, right), most formulas have overlapping herbal herbs with Sijunzitang (四君子汤) and Bazhentang (八珍汤), suggesting that tonic formulas are built on the herb composition of these 2 formulas.</p>
        <p>It is known that the main role of Sijunzitang or Bazhentang is “invigorating Qi and blood.” The understanding of Qi and blood in TCM is the basic substance of the human body, which can reflect the importance of all supplements to Qi and blood in the matrix view. Yin and Yang are 2 interdependent, opposite, complementary, and exchangeable aspects of nature. Qi is Yang (阳, positive), blood is Yin (阴, negative), and Qi and blood are dependent. TCM physicians usually prescribe for diseases in which Qi and blood deviate from balance. The expert considered that this visualization is suitable for beginners to pay attention to the “Qi and blood” supplement for tonic formulas.</p>
        <p>The analysis of heat-clearing formulas is shown in <xref rid="figure11" ref-type="fig">Figure 11</xref>. TCM expert XH was interested in Sanhuang (3 yellow herbs, 三黄): Huanglian (rhizome of Chinese Goldthread, 黄连), Huangqin (root of Membranous Milkvetch, 黄芩), and Huangbo (Phellodendron bark, 黄柏), which is a commonly used herb combination for clearing heat and detoxification in TCM. The 3 herbs were relatively close in the herb view (<xref rid="figure11" ref-type="fig">Figure 11</xref>, left), and the expert used a lasso to select them. Both Huanglian-jiedutang (黄连解毒汤) and Danggui-liuhuangtang (当归六黄汤) contain Sanhuang as suggested by the following text. The expert further examined the formula view (<xref rid="figure11" ref-type="fig">Figure 11</xref>, right), where these 2 formulas were highlighted. According to the herb attributes, the function of Huanglian-jiedutang is to clear heat and detoxify. Although the composition of Danggui-liuhuangtang contains tonic herbs, meaning that in addition to clearing heat and detoxification, it also has the effect of nourishing Yin (滋阴). Unlike the tonic formulas, not many overlaps are seen in the matrix view (<xref rid="figure9" ref-type="fig">Figure 9</xref>B, right). Most formulas have overlapping herbal medicines with Qingwenbaiduyin (清瘟败毒饮), which have the function of clearing heat and detoxification. This can be a reminder for beginners to pay attention to the relationship between this formula and other formulas in the heat-clearing formulas.</p>
        <fig id="figure11" position="float">
          <label>Figure 11</label>
          <caption>
            <p>Interactive analysis of heat-clearing formulas with our method. (This figure is compressed, and a high-resolution version can be found in <xref ref-type="supplementary-material" rid="app5">Multimedia Appendix 5</xref>).</p>
          </caption>
          <graphic xlink:href="formative_v7i1e40805_fig11.png" alt-version="no" mimetype="image" position="float" xlink:type="simple"/>
        </fig>
      </sec>
      <sec>
        <title>TCM Expert Feedback</title>
        <p>Overall, both experts believe that our method can clearly disassemble complex formulas and assist in the memorization of their functionalities. The interactive visual analysis process is new to them and is helpful in enhancing their understanding of formula composition theories by making and testing their own hypotheses. They believe that the color encoding of herbs allows TCM students and beginners to understand the effect of herbs more intuitively and facilitate memorization. Beginners have difficulty understanding the similarities and differences between multiple similar formulas. With the lasso tool, beginners can test multiple herb combinations to better understand the similarities and differences between formulas and, therefore, better understand an actual prescription. In addition, they consider brushing and linking to be a beginner-friendly way to understand the relationships between herbs and formulas. Both experts made positive comments on the coloring of herbs. For example, Danggui (root of Chinese Angelica, 当归) is a blood tonic herb and corresponds to red. On the other hand, Shigao (Gypsum, 石膏) works on the lungs and is colored white.</p>
        <p>The experts suggest that in addition to assisting the learning of TCM formulas for beginners, the method can be extended to facilitate the learning of actual treatment plans for TCM physicians. The TCM theory system includes the process of “theory, method, formula, and herb,” and a treatment plan with prescriptions is performed to assess the effectiveness of formulas. The experts suggest supporting multiple lassos as future work to facilitate the building-up of a prescription by adding herbs from an initial known set of herbs to learn actual treatment plans.</p>
      </sec>
    </sec>
    <sec sec-type="discussion">
      <title>Discussion</title>
      <sec>
        <title>Principal Findings</title>
        <p>Our new visualization method could effectively reveal the compositional principle of medicine formulas and assist in the learning of TCM formula composition theories. The proposed method can effectively visualize complex TCM formulas and multidimensional herb attribute information. The joint analysis of medicine formulas and corresponding herbs is possible with user interactions and brushing and linking between multiple views within our web-based tool.</p>
      </sec>
      <sec>
        <title>Comparison With Prior Work</title>
        <sec>
          <title>Medicine Formulas Analysis and Visualization in TCM</title>
          <p>Few specialized visualization methods are available for Chinese medicine formulas analysis. A web-based tool allows for the visualization of formulas, herbal medicines, and photos of herbs [<xref ref-type="bibr" rid="ref3">3</xref>]. To the best of our knowledge, this approach is the closest to ours: herbal medicines are classified based on their properties within a formula, and the names of herbal medicines are placed in rectangular labels colored by the Jun-Chen-Zuo-Shi attribute. The properties of Siqi, Wuwei, and Guijing are shown as text. However, only 1 formula can be examined at a time, and the visualization is not interactive. Compared with our method, this tool has the advantages of allowing in-depth examination of individual medicine formulas and assisting the recognition of herbs in the real world. Our method is superior to this approach in providing an overview of formulas in a category of prescriptions, allowing interactive exploration and analysis of formulas and herbs and supporting the comparison of herbal medicines with their multidimensional properties.</p>
          <p>Cold and hot properties were visualized as indicators of herbal medicine formulas in a formula analysis platform [<xref ref-type="bibr" rid="ref5">5</xref>]. However, this method covers only 2 properties and does not reveal the multidimensional attributes of herbs. Knowledge graph visualization is proposed for many medicine formulas through manual and natural language processing [<xref ref-type="bibr" rid="ref4">4</xref>]. In a review paper, a knowledge graph of topics, including medicine formula research, was presented [<xref ref-type="bibr" rid="ref13">13</xref>]. Network visualization is used to show the composition of medicine formulas to assist in constructing medicine formulas databases [<xref ref-type="bibr" rid="ref6">6</xref>]. However, these methods do not support the interactive visualization and analysis of formulas, and only partial information of herbal medicine properties is used.</p>
          <p>Query-based computer tools without visualization are readily available to assist the learning of herbal medicine formulas. A web-based application allows the searching, browsing, and narration of classic herbal medicine formulas [<xref ref-type="bibr" rid="ref14">14</xref>]. A tool allows for the recognition of herbs and formulas from prescriptions [<xref ref-type="bibr" rid="ref15">15</xref>]. Compared with our method, these tools provide complete textual information of herbs and formulas; however, they have neither intuitive visual representation nor the capability to analyze and compare formulas or herbs.</p>
          <p>Visualization methods are also used in other research areas of TCM, especially for the diagnosis of phenotypes. For TCM pulse information, visual recognition and visualization have been proposed, and the pulse information is quantified and visualized to support a more accurate diagnosis [<xref ref-type="bibr" rid="ref16">16</xref>]. Digital tongue images that are important in TCM are recognized and analyzed with a visualization of tongues [<xref ref-type="bibr" rid="ref17">17</xref>]. Infrared thermal imaging visualization enables users to see and assess physiological states or pathological conditions intuitively, as the temperature of local tissues or the whole body may change owing to illness [<xref ref-type="bibr" rid="ref18">18</xref>]. Visualization based on a 3D human model of Chinese medicine pulses could facilitate the teaching, understanding, and communication of meridians and acupoints [<xref ref-type="bibr" rid="ref19">19</xref>]. A visual analysis method for TCM health records has recently become available as a collaboration between TCM and visualization experts [<xref ref-type="bibr" rid="ref20">20</xref>]. This method supports the analysis of time-varying TCM health records and compares medicines in the formulas of different patients.</p>
        </sec>
        <sec>
          <title>Visualization Techniques Related to Medicine Formulas Data</title>
          <p>Set is an important research subject in visualization. Set visualization techniques were reviewed in a survey by Alsallakh et al [<xref ref-type="bibr" rid="ref11">11</xref>]. The visualization of set members can be categorized into different strategies, including Euler and Venn diagrams [<xref ref-type="bibr" rid="ref21">21</xref>-<xref ref-type="bibr" rid="ref25">25</xref>], node-link diagrams [<xref ref-type="bibr" rid="ref26">26</xref>-<xref ref-type="bibr" rid="ref28">28</xref>], matrix-based methods [<xref ref-type="bibr" rid="ref29">29</xref>-<xref ref-type="bibr" rid="ref31">31</xref>], and aggregation methods [<xref ref-type="bibr" rid="ref32">32</xref>,<xref ref-type="bibr" rid="ref33">33</xref>]. Matrix-based methods support a large number of sets and elements as well as all set relationships. However, the full representation of the matrix is often spatially inefficient for large row or column numbers. In our case, the matrices of sets are sparse; therefore, we used a sparse matrix representation to show the set information, that is, the formulas information, as an icicle plot.</p>
          <p>The icicle plot [<xref ref-type="bibr" rid="ref34">34</xref>] is a popular hierarchical data visualization technique. Hierarchical data visualization techniques can be classified into explicit techniques, that is, trees using node-link diagrams, and implicit techniques that no explicit edges are drawn. Implicit hierarchy visualization techniques were summarized in an extensive survey [<xref ref-type="bibr" rid="ref35">35</xref>]. The main benefit of implicit techniques is the efficient use of space, making them more suitable for large hierarchical data than trees. Popular implicit methods include treemaps [<xref ref-type="bibr" rid="ref36">36</xref>,<xref ref-type="bibr" rid="ref37">37</xref>] and icicle plots [<xref ref-type="bibr" rid="ref34">34</xref>]. With our augmented icicle plot with a similarity-based layout, our TCM experts consider it easy to understand and allow for quick comparison of formulas.</p>
          <p>Multidimensional data can be effectively visualized using dimensionality-reduction techniques [<xref ref-type="bibr" rid="ref38">38</xref>]. Nonlinear dimensionality-reduction methods [<xref ref-type="bibr" rid="ref39">39</xref>] are more suitable for preserving complex high-dimensional structures than linear methods [<xref ref-type="bibr" rid="ref40">40</xref>]. Currently, T-distributed Stochastic Neighbor Embedding (t-SNE) [<xref ref-type="bibr" rid="ref41">41</xref>] and UMAP [<xref ref-type="bibr" rid="ref10">10</xref>] are the most popular nonlinear dimensionality-reduction methods because they could preserve the neighboring information in the high-dimensional space. We chose UMAP in our method because it is more efficient and overcomes several limitations of t-SNE.</p>
        </sec>
        <sec>
          <title>Perceptual Color Spaces</title>
          <p>Color perception is important for visualization. A survey of the use of colors in visualization can be found elsewhere [<xref ref-type="bibr" rid="ref42">42</xref>]. A key concept for the effective use of colors is perceptual uniformity, that is, the perceived color difference should match the data value difference. Perceptual uniformity is used in color map design [<xref ref-type="bibr" rid="ref43">43</xref>,<xref ref-type="bibr" rid="ref44">44</xref>]. To achieve perceptual uniformity, colors have to be computed in a uniform color space. International Commission on Illumination Lab color space (CIELab) is perhaps the most well-known perceptual uniform color space [<xref ref-type="bibr" rid="ref45">45</xref>]. However, studies have shown that the uniformity performance of CIELab is not satisfactory [<xref ref-type="bibr" rid="ref12">12</xref>]. Recently, several color spaces based on the International Commission on Illumination Color Appearance Model 2002 [<xref ref-type="bibr" rid="ref46">46</xref>] with better uniformity than CIELab are available. In our method, we chose the CIECAM02-UCS for its good performance, and we proposed a color-encoding method for drugs based on a 2D color map created by RBF interpolation of colors in the CIECAM02-UCS. Prior techniques, for example, the ColorBrewer tool, which is available for perceptual uniform color map design [<xref ref-type="bibr" rid="ref47">47</xref>], do not support 2D uniform color maps.</p>
        </sec>
      </sec>
      <sec>
        <title>Limitations</title>
        <p>Our method does not directly support the visualization of overlaps of ≥2 medicine formulas, that is, intersections of ≥2 sets. However, such information can be implicitly gained by visual searching in the medicine formula view and by interactively selecting herbs of interest that would highlight all formulas containing shared herbs.</p>
        <p>Another limitation is that the dimensional reduction view does not explicitly show multidimensional properties but rather the relative distances between herbs. This could be addressed using additional multidimensional visualization techniques, such as parallel coordinates.</p>
      </sec>
      <sec>
        <title>Future Work</title>
        <p>In the future, we would like to further enhance the comparison capability of our method. For example, we could support comparing multiple formulas that are not adjacent and apply set visualization techniques to show the correspondence of medicines and formulas directly in the herb view.</p>
        <p>Moreover, we would like to apply their method to analyze more groups of formulas and TCM prescriptions in a clinical setting to assist TCM students and doctors to enhance their understanding of formula composition theories and improve their practice.</p>
      </sec>
      <sec>
        <title>Conclusions</title>
        <p>We introduced a visualization method for TCM formulas. The requirements and design choices of our method are made through a close collaboration between visualization and TCM experts in an iterative, quick-prototyping fashion. Our method supports interactive visualization of medicine formulas with a similarity-based layout complemented by a matrix view of shared herbs by formulas, and multidimensional attribute data of herbs are visualized using a dimensionality-reduction method. The colors of visual elements are assigned with a perceptual-guided, data-driven color-encoding method that achieves perceptual uniformity and reflects TCM concepts. The web-based tool that implements our method supports the interactive analysis and comparison of medicine formulas and corresponding herbs with brushing and linking between different views. The usability study of our method with TCM experts demonstrated the effectiveness of our method for joint TCM formula composition and herb property analysis. Further feedback from experts suggests that our method has potential for educating TCM formula composition theories and modernizing TCM inheritance methods.</p>
      </sec>
    </sec>
  </body>
  <back>
    <app-group>
      <supplementary-material id="app1">
        <label>Multimedia Appendix 1</label>
        <p>The supplementary material of technical details and herb names conversion table for Chinese, Pinyin, English, and Latin.</p>
        <media xlink:href="formative_v7i1e40805_app1.docx" xlink:title="DOCX File , 1164 KB"/>
      </supplementary-material>
      <supplementary-material id="app2">
        <label>Multimedia Appendix 2</label>
        <p>High resolution figures.</p>
        <media xlink:href="formative_v7i1e40805_app2.pdf" xlink:title="PDF File  (Adobe PDF File), 2586 KB"/>
      </supplementary-material>
      <supplementary-material id="app3">
        <label>Multimedia Appendix 3</label>
        <p>High-resolution version of fig 9.</p>
        <media xlink:href="formative_v7i1e40805_app3.png" xlink:title="PNG File , 4939 KB"/>
      </supplementary-material>
      <supplementary-material id="app4">
        <label>Multimedia Appendix 4</label>
        <p>High-resolution of fig 10.</p>
        <media xlink:href="formative_v7i1e40805_app4.png" xlink:title="PNG File , 2797 KB"/>
      </supplementary-material>
      <supplementary-material id="app5">
        <label>Multimedia Appendix 5</label>
        <p>High-resolution version of fig 11.</p>
        <media xlink:href="formative_v7i1e40805_app5.png" xlink:title="PNG File , 2808 KB"/>
      </supplementary-material>
    </app-group>
    <glossary>
      <title>Abbreviations</title>
      <def-list>
        <def-item>
          <term id="abb1">CIECAM02-UCS</term>
          <def>
            <p>International Commission on Illumination Color Appearance Model 2002 Uniform Color Space</p>
          </def>
        </def-item>
        <def-item>
          <term id="abb2">CIELab</term>
          <def>
            <p>International Commission on Illumination Lab color space</p>
          </def>
        </def-item>
        <def-item>
          <term id="abb3">RBF</term>
          <def>
            <p>radial basis function</p>
          </def>
        </def-item>
        <def-item>
          <term id="abb4">sRGB</term>
          <def>
            <p>standard RGB</p>
          </def>
        </def-item>
        <def-item>
          <term id="abb5">TCM</term>
          <def>
            <p>traditional Chinese medicine</p>
          </def>
        </def-item>
        <def-item>
          <term id="abb6">t-SNE</term>
          <def>
            <p>T-distributed Stochastic Neighbor Embedding</p>
          </def>
        </def-item>
        <def-item>
          <term id="abb7">UMAP</term>
          <def>
            <p>uniform manifold approximation and projection for dimension reduction</p>
          </def>
        </def-item>
      </def-list>
    </glossary>
    <ack>
      <p>The authors thank Xiaoxuan Hu for participating in the usability study and for providing valuable insights and suggestions for improvement. This research was supported by the State Key Laboratory of Dampness Syndrome of Chinese Medicine Fund (SZ2021KF10).</p>
    </ack>
    <fn-group>
      <fn fn-type="conflict">
        <p>None declared.</p>
      </fn>
    </fn-group>
    <ref-list>
      <ref id="ref1">
        <label>1</label>
        <nlm-citation citation-type="book">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Wang</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <source>Basic Theory of Traditional Chinese Medicine</source>
          <year>2016</year>
          <publisher-loc>Beijing, China</publisher-loc>
          <publisher-name>China Press of Traditional Chinese Medicine</publisher-name>
        </nlm-citation>
      </ref>
      <ref id="ref2">
        <label>2</label>
        <nlm-citation citation-type="book">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Gao</surname>
              <given-names>X</given-names>
            </name>
          </person-group>
          <source>Chinese Pharmacy</source>
          <year>2017</year>
          <publisher-loc>Beijing, China</publisher-loc>
          <publisher-name>China Press of Traditional Chinese Medicine</publisher-name>
        </nlm-citation>
      </ref>
      <ref id="ref3">
        <label>3</label>
        <nlm-citation citation-type="web">
          <article-title>Chinese medicine formulae images database</article-title>
          <source>School of Chinese Medicine, Hong Kong Baptist University</source>
          <year>2017</year>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://library.hkbu.edu.hk/electronic/libdbs/cmfid/index.html">https://library.hkbu.edu.hk/electronic/libdbs/cmfid/index.html</ext-link>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref4">
        <label>4</label>
        <nlm-citation citation-type="web">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Guo</surname>
              <given-names>W</given-names>
            </name>
          </person-group>
          <article-title>Research and implementation of knowledge mapping of traditional Chinese medicine prescription</article-title>
          <source>Lanzhou University</source>
          <year>2019</year>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://cdmd.cnki.com.cn/Article/CDMD-10730-1019876388.htm">https://cdmd.cnki.com.cn/Article/CDMD-10730-1019876388.htm</ext-link>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref5">
        <label>5</label>
        <nlm-citation citation-type="web">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Gao</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>Construction of visual analysis platform for cold and heat properties of formulae based on quantitative study</article-title>
          <source>Beijing University of Chinese Medicine</source>
          <year>2009</year>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://cdmd.cnki.com.cn/article/cdmd-10026-2009089752.htm">https://cdmd.cnki.com.cn/article/cdmd-10026-2009089752.htm</ext-link>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref6">
        <label>6</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Zhu</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Gao</surname>
              <given-names>B</given-names>
            </name>
            <name name-style="western">
              <surname>Cui</surname>
              <given-names>M</given-names>
            </name>
          </person-group>
          <article-title>Design and implementation of the analysis system of TCM prescription</article-title>
          <source>J Tradit Chin Med Pharm</source>
          <year>2014</year>
          <volume>29</volume>
          <issue>5</issue>
          <fpage>4</fpage>
        </nlm-citation>
      </ref>
      <ref id="ref7">
        <label>7</label>
        <nlm-citation citation-type="book">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Li</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <source>Chinese Herbal Formulas</source>
          <year>2016</year>
          <publisher-loc>Beijing, China</publisher-loc>
          <publisher-name>China Press of Traditional Chinese Medicine</publisher-name>
        </nlm-citation>
      </ref>
      <ref id="ref8">
        <label>8</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Yang</surname>
              <given-names>X</given-names>
            </name>
            <name name-style="western">
              <surname>Qi</surname>
              <given-names>M</given-names>
            </name>
            <name name-style="western">
              <surname>Li</surname>
              <given-names>Q</given-names>
            </name>
            <name name-style="western">
              <surname>Chen</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Yu</surname>
              <given-names>Z</given-names>
            </name>
            <name name-style="western">
              <surname>Yang</surname>
              <given-names>L</given-names>
            </name>
          </person-group>
          <article-title>Information integration research on cumulative effect of 'Siqi, Wuwei, and Guijing' in traditional Chinese medicine</article-title>
          <source>J Tradit Chin Med</source>
          <year>2016</year>
          <month>08</month>
          <volume>36</volume>
          <issue>4</issue>
          <fpage>538</fpage>
          <lpage>46</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="http://journaltcm.com/EN/article/downloadArticleFile.do?attachType=PDF&#38;id=6746"/>
          </comment>
          <pub-id pub-id-type="doi">10.1016/s0254-6272(16)30072-3</pub-id>
          <pub-id pub-id-type="medline">28459522</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref9">
        <label>9</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Wu</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Zhang</surname>
              <given-names>F</given-names>
            </name>
            <name name-style="western">
              <surname>Yang</surname>
              <given-names>K</given-names>
            </name>
            <name name-style="western">
              <surname>Fang</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Bu</surname>
              <given-names>D</given-names>
            </name>
            <name name-style="western">
              <surname>Li</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Sun</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Hu</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Gao</surname>
              <given-names>K</given-names>
            </name>
            <name name-style="western">
              <surname>Wang</surname>
              <given-names>W</given-names>
            </name>
            <name name-style="western">
              <surname>Zhou</surname>
              <given-names>X</given-names>
            </name>
            <name name-style="western">
              <surname>Zhao</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Chen</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>SymMap: an integrative database of traditional Chinese medicine enhanced by symptom mapping</article-title>
          <source>Nucleic Acids Res</source>
          <year>2019</year>
          <month>01</month>
          <day>08</day>
          <volume>47</volume>
          <issue>D1</issue>
          <fpage>D1110</fpage>
          <lpage>7</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://europepmc.org/abstract/MED/30380087"/>
          </comment>
          <pub-id pub-id-type="doi">10.1093/nar/gky1021</pub-id>
          <pub-id pub-id-type="medline">30380087</pub-id>
          <pub-id pub-id-type="pii">5150228</pub-id>
          <pub-id pub-id-type="pmcid">PMC6323958</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref10">
        <label>10</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>McInnes</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Healy</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Melville</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>UMAP: uniform manifold approximation and projection for dimension reduction</article-title>
          <source>arXiv. Preprint posted online on February 9, 2018</source>
          <year>2023</year>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://arxiv.org/abs/1802.03426"/>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref11">
        <label>11</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Alsallakh</surname>
              <given-names>B</given-names>
            </name>
            <name name-style="western">
              <surname>Micallef</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Aigner</surname>
              <given-names>W</given-names>
            </name>
            <name name-style="western">
              <surname>Hauser</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Miksch</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Rodgers</surname>
              <given-names>P</given-names>
            </name>
          </person-group>
          <article-title>The state-of-the-art of set visualization</article-title>
          <source>Comput Graph Forum</source>
          <year>2016</year>
          <month>02</month>
          <volume>35</volume>
          <issue>1</issue>
          <fpage>234</fpage>
          <lpage>60</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://dl.acm.org/doi/10.1111/cgf.12722"/>
          </comment>
          <pub-id pub-id-type="doi">10.1111/cgf.12722</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref12">
        <label>12</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Luo</surname>
              <given-names>MR</given-names>
            </name>
            <name name-style="western">
              <surname>Cui</surname>
              <given-names>G</given-names>
            </name>
            <name name-style="western">
              <surname>Li</surname>
              <given-names>C</given-names>
            </name>
          </person-group>
          <article-title>Uniform colour spaces based on CIECAM02 colour appearance model</article-title>
          <source>Color Res Appl</source>
          <year>2006</year>
          <month>8</month>
          <volume>31</volume>
          <issue>4</issue>
          <fpage>320</fpage>
          <lpage>30</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://onlinelibrary.wiley.com/doi/10.1002/col.20227"/>
          </comment>
          <pub-id pub-id-type="doi">10.1002/col.20227</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref13">
        <label>13</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Du</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Zhao</surname>
              <given-names>G</given-names>
            </name>
            <name name-style="western">
              <surname>Ye</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Guo</surname>
              <given-names>Y</given-names>
            </name>
          </person-group>
          <article-title>Visualization analysis of research on application of artificial intelligence in the field of TCM</article-title>
          <source>Chinese J Info Tradit</source>
          <year>2022</year>
          <month>8</month>
          <fpage>1</fpage>
          <lpage>7</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="http://www.cnki.com.cn/Article/CJFDTotal-XXYY20220813000.htm"/>
          </comment>
          <pub-id pub-id-type="doi">10.19879/j.cnki.1005-5304.202206032</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref14">
        <label>14</label>
        <nlm-citation citation-type="web">
          <article-title>Intelligent database of traditional Chinese medicine</article-title>
          <source>Shenhuang Science Ltd</source>
          <year>2021</year>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.zhongyigen.com/#">https://www.zhongyigen.com/#</ext-link>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref15">
        <label>15</label>
        <nlm-citation citation-type="web">
          <article-title>Herbal medicine formulas assistant</article-title>
          <source>Jianyunkeji</source>
          <year>2013</year>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="http://zhongerp.com/public/tcm.jsp">http://zhongerp.com/public/tcm.jsp</ext-link>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref16">
        <label>16</label>
        <nlm-citation citation-type="book">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Tang</surname>
              <given-names>AC</given-names>
            </name>
          </person-group>
          <person-group person-group-type="editor">
            <name name-style="western">
              <surname>Paulo</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>De Medeiros</surname>
              <given-names>R</given-names>
            </name>
          </person-group>
          <article-title>Review of traditional Chinese medicine pulse diagnosis quantification</article-title>
          <source>Complementary Therapies for the Contemporary Healthcare</source>
          <year>2012</year>
          <month>10</month>
          <day>17</day>
          <publisher-loc>London, UK</publisher-loc>
          <publisher-name>IntechOpen</publisher-name>
        </nlm-citation>
      </ref>
      <ref id="ref17">
        <label>17</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Xie</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Jing</surname>
              <given-names>C</given-names>
            </name>
            <name name-style="western">
              <surname>Zhang</surname>
              <given-names>Z</given-names>
            </name>
            <name name-style="western">
              <surname>Xu</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Duan</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Xu</surname>
              <given-names>D</given-names>
            </name>
          </person-group>
          <article-title>Digital tongue image analyses for health assessment</article-title>
          <source>Med Rev (Berl)</source>
          <year>2022</year>
          <month>02</month>
          <day>14</day>
          <volume>1</volume>
          <issue>2</issue>
          <fpage>172</fpage>
          <lpage>98</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.degruyter.com/document/doi/10.1515/mr-2021-0018/html?lang=en"/>
          </comment>
          <pub-id pub-id-type="doi">10.1515/mr-2021-0018</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref18">
        <label>18</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Ovechkin</surname>
              <given-names>A</given-names>
            </name>
            <name name-style="western">
              <surname>Lee</surname>
              <given-names>SM</given-names>
            </name>
            <name name-style="western">
              <surname>Kim</surname>
              <given-names>KS</given-names>
            </name>
          </person-group>
          <article-title>Thermovisual evaluation of acupuncture points</article-title>
          <source>Acupunct Electrother Res</source>
          <year>2001</year>
          <volume>26</volume>
          <issue>1-2</issue>
          <fpage>11</fpage>
          <lpage>23</lpage>
          <pub-id pub-id-type="doi">10.3727/036012901816356072</pub-id>
          <pub-id pub-id-type="medline">11394490</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref19">
        <label>19</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Wei</surname>
              <given-names>M</given-names>
            </name>
            <name name-style="western">
              <surname>Chen</surname>
              <given-names>Z</given-names>
            </name>
            <name name-style="western">
              <surname>Chen</surname>
              <given-names>G</given-names>
            </name>
            <name name-style="western">
              <surname>Huang</surname>
              <given-names>X</given-names>
            </name>
            <name name-style="western">
              <surname>Jin</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Lao</surname>
              <given-names>K</given-names>
            </name>
            <name name-style="western">
              <surname>Li</surname>
              <given-names>Z</given-names>
            </name>
            <name name-style="western">
              <surname>Li</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Zhong</surname>
              <given-names>F</given-names>
            </name>
            <name name-style="western">
              <surname>Liang</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Huang</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Liang</surname>
              <given-names>B</given-names>
            </name>
            <name name-style="western">
              <surname>Hu</surname>
              <given-names>X</given-names>
            </name>
            <name name-style="western">
              <surname>Liu</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Liang</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Yang</surname>
              <given-names>M</given-names>
            </name>
            <name name-style="western">
              <surname>Wen</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Feng</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Luo</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>A portable three-channel data collector for Chinese medicine pulses</article-title>
          <source>Sens Actuators A Phys</source>
          <year>2021</year>
          <month>06</month>
          <volume>323</volume>
          <fpage>112669</fpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.sciencedirect.com/science/article/abs/pii/S092442472100131X"/>
          </comment>
          <pub-id pub-id-type="doi">10.1016/j.sna.2021.112669</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref20">
        <label>20</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Hu</surname>
              <given-names>X</given-names>
            </name>
            <name name-style="western">
              <surname>Peng</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Hou</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Yang</surname>
              <given-names>N</given-names>
            </name>
            <name name-style="western">
              <surname>Lyu</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Zhou</surname>
              <given-names>L</given-names>
            </name>
          </person-group>
          <article-title>Visual analysis of traditional Chinese medicine health records</article-title>
          <source>J Comput Aided Des Comput Graph</source>
          <year>2022</year>
          <month>1</month>
          <day>12</day>
          <volume>33</volume>
          <issue>12</issue>
          <fpage>1866</fpage>
          <lpage>75</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.sciengine.com/JCADC/doi/10.3724/SP.J.1089.2021.19259;JSESSIONID=e7be496e-c19b-4241-8255-814366423ea0"/>
          </comment>
          <pub-id pub-id-type="doi">10.3724/sp.j.1089.2021.19259</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref21">
        <label>21</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Kehlbeck</surname>
              <given-names>R</given-names>
            </name>
            <name name-style="western">
              <surname>Gortler</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Wang</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Deussen</surname>
              <given-names>O</given-names>
            </name>
          </person-group>
          <article-title>SPEULER: semantics-preserving Euler diagrams</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2022</year>
          <month>01</month>
          <volume>28</volume>
          <issue>1</issue>
          <fpage>433</fpage>
          <lpage>42</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2021.3114834</pub-id>
          <pub-id pub-id-type="medline">34587064</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref22">
        <label>22</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Simonetto</surname>
              <given-names>P</given-names>
            </name>
            <name name-style="western">
              <surname>Auber</surname>
              <given-names>D</given-names>
            </name>
            <name name-style="western">
              <surname>Archambault</surname>
              <given-names>D</given-names>
            </name>
          </person-group>
          <article-title>Fully automatic visualisation of overlapping sets</article-title>
          <source>Comput Graph Forum</source>
          <year>2009</year>
          <month>6</month>
          <volume>28</volume>
          <issue>3</issue>
          <fpage>967</fpage>
          <lpage>74</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://onlinelibrary.wiley.com/doi/10.1111/j.1467-8659.2009.01452.x"/>
          </comment>
          <pub-id pub-id-type="doi">10.1111/j.1467-8659.2009.01452.x</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref23">
        <label>23</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Micallef</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Rodgers</surname>
              <given-names>P</given-names>
            </name>
          </person-group>
          <article-title>eulerAPE: drawing area-proportional 3-Venn diagrams using ellipses</article-title>
          <source>PLoS One</source>
          <year>2014</year>
          <month>07</month>
          <day>17</day>
          <volume>9</volume>
          <issue>7</issue>
          <fpage>e101717</fpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://dx.plos.org/10.1371/journal.pone.0101717"/>
          </comment>
          <pub-id pub-id-type="doi">10.1371/journal.pone.0101717</pub-id>
          <pub-id pub-id-type="medline">25032825</pub-id>
          <pub-id pub-id-type="pii">PONE-D-14-05006</pub-id>
          <pub-id pub-id-type="pmcid">PMC4102485</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref24">
        <label>24</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Wilkinson</surname>
              <given-names>L</given-names>
            </name>
          </person-group>
          <article-title>Exact and approximate area-proportional circular Venn and Euler diagrams</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2012</year>
          <month>03</month>
          <volume>18</volume>
          <issue>2</issue>
          <fpage>321</fpage>
          <lpage>31</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2011.56</pub-id>
          <pub-id pub-id-type="medline">21383412</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref25">
        <label>25</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Stapleton</surname>
              <given-names>G</given-names>
            </name>
            <name name-style="western">
              <surname>Rodgers</surname>
              <given-names>P</given-names>
            </name>
            <name name-style="western">
              <surname>Howse</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Zhang</surname>
              <given-names>L</given-names>
            </name>
          </person-group>
          <article-title>Inductively generating Euler diagrams</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2011</year>
          <month>01</month>
          <volume>17</volume>
          <issue>1</issue>
          <fpage>88</fpage>
          <lpage>100</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2010.28</pub-id>
          <pub-id pub-id-type="medline">21071789</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref26">
        <label>26</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Stasko</surname>
              <given-names>J</given-names>
            </name>
            <name name-style="western">
              <surname>Görg</surname>
              <given-names>C</given-names>
            </name>
            <name name-style="western">
              <surname>Liu</surname>
              <given-names>Z</given-names>
            </name>
          </person-group>
          <article-title>Jigsaw: supporting investigative analysis through interactive visualization</article-title>
          <source>Inf Vis</source>
          <year>2008</year>
          <month>01</month>
          <day>22</day>
          <volume>7</volume>
          <issue>2</issue>
          <fpage>118</fpage>
          <lpage>32</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://journals.sagepub.com/doi/10.1057/palgrave.ivs.9500180"/>
          </comment>
          <pub-id pub-id-type="doi">10.1057/palgrave.ivs.9500180</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref27">
        <label>27</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Dork</surname>
              <given-names>M</given-names>
            </name>
            <name name-style="western">
              <surname>Riche</surname>
              <given-names>NH</given-names>
            </name>
            <name name-style="western">
              <surname>Ramos</surname>
              <given-names>G</given-names>
            </name>
            <name name-style="western">
              <surname>Dumais</surname>
              <given-names>S</given-names>
            </name>
          </person-group>
          <article-title>PivotPaths: strolling through faceted information spaces</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2012</year>
          <month>12</month>
          <volume>18</volume>
          <issue>12</issue>
          <fpage>2709</fpage>
          <lpage>18</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2012.252</pub-id>
          <pub-id pub-id-type="medline">26357180</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref28">
        <label>28</label>
        <nlm-citation citation-type="confproc">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Misue</surname>
              <given-names>K</given-names>
            </name>
          </person-group>
          <article-title>Drawing bipartite graphs as anchored maps</article-title>
          <source>Proceedings of the 2006 Asia-Pacific Symposium on Information Visualisation-Volume 60</source>
          <year>2006</year>
          <conf-name>APVis '06</conf-name>
          <conf-date>February 1, 2006</conf-date>
          <conf-loc>Tokyo, Japan</conf-loc>
          <fpage>169</fpage>
          <lpage>77</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://dl.acm.org/doi/abs/10.5555/1151903.1151929"/>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref29">
        <label>29</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Sadana</surname>
              <given-names>R</given-names>
            </name>
            <name name-style="western">
              <surname>Major</surname>
              <given-names>T</given-names>
            </name>
            <name name-style="western">
              <surname>Dove</surname>
              <given-names>A</given-names>
            </name>
            <name name-style="western">
              <surname>Stasko</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>OnSet: a visualization technique for large-scale binary set data</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2014</year>
          <month>12</month>
          <volume>20</volume>
          <issue>12</issue>
          <fpage>1993</fpage>
          <lpage>2002</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2014.2346249</pub-id>
          <pub-id pub-id-type="medline">26356913</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref30">
        <label>30</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Micallef</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Dragicevic</surname>
              <given-names>P</given-names>
            </name>
            <name name-style="western">
              <surname>Fekete</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>Assessing the effect of visualizations on Bayesian reasoning through crowdsourcing</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2012</year>
          <month>12</month>
          <volume>18</volume>
          <issue>12</issue>
          <fpage>2536</fpage>
          <lpage>45</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2012.199</pub-id>
          <pub-id pub-id-type="medline">26357162</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref31">
        <label>31</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Lex</surname>
              <given-names>A</given-names>
            </name>
            <name name-style="western">
              <surname>Gehlenborg</surname>
              <given-names>N</given-names>
            </name>
            <name name-style="western">
              <surname>Strobelt</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Vuillemot</surname>
              <given-names>R</given-names>
            </name>
            <name name-style="western">
              <surname>Pfister</surname>
              <given-names>H</given-names>
            </name>
          </person-group>
          <article-title>UpSet: visualization of intersecting sets</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2014</year>
          <month>12</month>
          <volume>20</volume>
          <issue>12</issue>
          <fpage>1983</fpage>
          <lpage>92</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://europepmc.org/abstract/MED/26356912"/>
          </comment>
          <pub-id pub-id-type="doi">10.1109/TVCG.2014.2346248</pub-id>
          <pub-id pub-id-type="medline">26356912</pub-id>
          <pub-id pub-id-type="pmcid">PMC4720993</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref32">
        <label>32</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Alsallakh</surname>
              <given-names>B</given-names>
            </name>
            <name name-style="western">
              <surname>Aigner</surname>
              <given-names>W</given-names>
            </name>
            <name name-style="western">
              <surname>Miksch</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Hauser</surname>
              <given-names>H</given-names>
            </name>
          </person-group>
          <article-title>Radial sets: interactive visual analysis of large overlapping sets</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2013</year>
          <month>12</month>
          <volume>19</volume>
          <issue>12</issue>
          <fpage>2496</fpage>
          <lpage>505</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2013.184</pub-id>
          <pub-id pub-id-type="medline">24051816</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref33">
        <label>33</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Kosara</surname>
              <given-names>R</given-names>
            </name>
            <name name-style="western">
              <surname>Bendix</surname>
              <given-names>F</given-names>
            </name>
            <name name-style="western">
              <surname>Hauser</surname>
              <given-names>H</given-names>
            </name>
          </person-group>
          <article-title>Parallel sets: interactive exploration and visual analysis of categorical data</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2006</year>
          <month>07</month>
          <volume>12</volume>
          <issue>4</issue>
          <fpage>558</fpage>
          <lpage>68</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2006.76</pub-id>
          <pub-id pub-id-type="medline">16805264</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref34">
        <label>34</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Kruskal</surname>
              <given-names>JB</given-names>
            </name>
            <name name-style="western">
              <surname>Landwehr</surname>
              <given-names>JM</given-names>
            </name>
          </person-group>
          <article-title>Icicle plots: better displays for hierarchical clustering</article-title>
          <source>Am Stat</source>
          <year>1983</year>
          <month>05</month>
          <volume>37</volume>
          <issue>2</issue>
          <fpage>162</fpage>
          <lpage>8</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.jstor.org/stable/2685881"/>
          </comment>
          <pub-id pub-id-type="doi">10.1080/00031305.1983.10482733</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref35">
        <label>35</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Schulz</surname>
              <given-names>HJ</given-names>
            </name>
            <name name-style="western">
              <surname>Hadlak</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Schumann</surname>
              <given-names>H</given-names>
            </name>
          </person-group>
          <article-title>The design space of implicit hierarchy visualization: a survey</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2011</year>
          <month>05</month>
          <volume>17</volume>
          <issue>4</issue>
          <fpage>393</fpage>
          <lpage>411</lpage>
          <pub-id pub-id-type="doi">10.1109/TVCG.2010.79</pub-id>
          <pub-id pub-id-type="medline">20498508</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref36">
        <label>36</label>
        <nlm-citation citation-type="confproc">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Johnson</surname>
              <given-names>B</given-names>
            </name>
            <name name-style="western">
              <surname>Shneiderman</surname>
              <given-names>B</given-names>
            </name>
          </person-group>
          <article-title>Tree-maps: a space-filling approach to the visualization of hierarchical information structures</article-title>
          <source>Proceedings of the 1991 IEEE Conference on Visualization</source>
          <year>1991</year>
          <conf-name>Visualization '91</conf-name>
          <conf-date>October 22-25, 1991</conf-date>
          <conf-loc>San Diego, CA, USA</conf-loc>
          <fpage>284</fpage>
          <lpage>91</lpage>
          <pub-id pub-id-type="doi">10.1109/visual.1991.175815</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref37">
        <label>37</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Shneiderman</surname>
              <given-names>B</given-names>
            </name>
          </person-group>
          <article-title>Tree visualization with tree-maps: 2-D space-filling approach</article-title>
          <source>ACM Trans Graph</source>
          <year>1992</year>
          <month>01</month>
          <day>02</day>
          <volume>11</volume>
          <issue>1</issue>
          <fpage>92</fpage>
          <lpage>9</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://dl.acm.org/doi/10.1145/102377.115768"/>
          </comment>
          <pub-id pub-id-type="doi">10.1145/102377.115768</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref38">
        <label>38</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>van der Maaten</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Postma</surname>
              <given-names>E</given-names>
            </name>
            <name name-style="western">
              <surname>van den Herik</surname>
              <given-names>J</given-names>
            </name>
          </person-group>
          <article-title>Dimensionality reduction: a comparative review</article-title>
          <source>J Mach Learn Res</source>
          <year>2009</year>
          <volume>10</volume>
          <fpage>66</fpage>
          <lpage>71</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.bibsonomy.org/bibtex/2ed03568f0e9bca9cdaf6b25304e55940/peter.ralph"/>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref39">
        <label>39</label>
        <nlm-citation citation-type="book">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Lee</surname>
              <given-names>JA</given-names>
            </name>
            <name name-style="western">
              <surname>Verleysen</surname>
              <given-names>M</given-names>
            </name>
          </person-group>
          <source>Nonlinear Dimensionality Reduction</source>
          <year>2007</year>
          <publisher-loc>New York, NY, USA</publisher-loc>
          <publisher-name>Springer</publisher-name>
        </nlm-citation>
      </ref>
      <ref id="ref40">
        <label>40</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Cunningham</surname>
              <given-names>JP</given-names>
            </name>
            <name name-style="western">
              <surname>Ghahramani</surname>
              <given-names>Z</given-names>
            </name>
          </person-group>
          <article-title>Linear dimensionality reduction: survey, insights, and generalizations</article-title>
          <source>J Mach Learn Res</source>
          <year>2015</year>
          <volume>16</volume>
          <issue>89</issue>
          <fpage>2859</fpage>
          <lpage>900</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://jmlr.org/papers/volume16/cunningham15a/cunningham15a.pdf"/>
          </comment>
          <pub-id pub-id-type="doi">10.1016/b978-0-12-802121-7.00046-7</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref41">
        <label>41</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>van der Maaten</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Hinton</surname>
              <given-names>G</given-names>
            </name>
          </person-group>
          <article-title>Visualizing data using t-SNE</article-title>
          <source>J Mach Learn Res</source>
          <year>2008</year>
          <volume>9</volume>
          <issue>86</issue>
          <fpage>2579</fpage>
          <lpage>605</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://www.jmlr.org/papers/volume9/vandermaaten08a/vandermaaten08a.pdf"/>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref42">
        <label>42</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Zhou</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Hansen</surname>
              <given-names>CD</given-names>
            </name>
          </person-group>
          <article-title>A survey of colormaps in visualization</article-title>
          <source>IEEE Trans Vis Comput Graph</source>
          <year>2016</year>
          <month>08</month>
          <volume>22</volume>
          <issue>8</issue>
          <fpage>2051</fpage>
          <lpage>69</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://europepmc.org/abstract/MED/26513793"/>
          </comment>
          <pub-id pub-id-type="doi">10.1109/TVCG.2015.2489649</pub-id>
          <pub-id pub-id-type="medline">26513793</pub-id>
          <pub-id pub-id-type="pmcid">PMC4959790</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref43">
        <label>43</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Robertson</surname>
              <given-names>PK</given-names>
            </name>
            <name name-style="western">
              <surname>O'Callaghan</surname>
              <given-names>JF</given-names>
            </name>
          </person-group>
          <article-title>The generation of color sequences for univariate and bivariate mapping</article-title>
          <source>IEEE Comput Graph Appl</source>
          <year>1986</year>
          <month>02</month>
          <volume>6</volume>
          <issue>2</issue>
          <fpage>24</fpage>
          <lpage>32</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://ieeexplore.ieee.org/document/4056802"/>
          </comment>
          <pub-id pub-id-type="doi">10.1109/MCG.1986.276688</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref44">
        <label>44</label>
        <nlm-citation citation-type="journal">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Levkowitz</surname>
              <given-names>H</given-names>
            </name>
            <name name-style="western">
              <surname>Herman</surname>
              <given-names>G</given-names>
            </name>
          </person-group>
          <article-title>Color scales for image data</article-title>
          <source>IEEE Comput Grap Appl</source>
          <year>1992</year>
          <month>01</month>
          <volume>12</volume>
          <issue>1</issue>
          <fpage>72</fpage>
          <lpage>80</lpage>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://dl.acm.org/doi/10.1109/38.135886"/>
          </comment>
          <pub-id pub-id-type="doi">10.1109/38.135886</pub-id>
        </nlm-citation>
      </ref>
      <ref id="ref45">
        <label>45</label>
        <nlm-citation citation-type="web">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Carter</surname>
              <given-names>EC</given-names>
            </name>
            <name name-style="western">
              <surname>Schanda</surname>
              <given-names>JD</given-names>
            </name>
            <name name-style="western">
              <surname>Hirschler</surname>
              <given-names>R</given-names>
            </name>
            <name name-style="western">
              <surname>Jost</surname>
              <given-names>S</given-names>
            </name>
            <name name-style="western">
              <surname>Luo</surname>
              <given-names>MR</given-names>
            </name>
            <name name-style="western">
              <surname>Melgosa</surname>
              <given-names>M</given-names>
            </name>
            <name name-style="western">
              <surname>Ohno</surname>
              <given-names>Y</given-names>
            </name>
            <name name-style="western">
              <surname>Pointer</surname>
              <given-names>MR</given-names>
            </name>
            <name name-style="western">
              <surname>Rich</surname>
              <given-names>DC</given-names>
            </name>
            <name name-style="western">
              <surname>Viénot</surname>
              <given-names>F</given-names>
            </name>
            <name name-style="western">
              <surname>Whitehead</surname>
              <given-names>L</given-names>
            </name>
            <name name-style="western">
              <surname>Wold</surname>
              <given-names>JH</given-names>
            </name>
          </person-group>
          <article-title>Colorimetry, 4th Edition</article-title>
          <source>commission international de l'Eclairage</source>
          <year>2018</year>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="https://cie.co.at/publications/colorimetry-4th-edition">https://cie.co.at/publications/colorimetry-4th-edition</ext-link>
          </comment>
        </nlm-citation>
      </ref>
      <ref id="ref46">
        <label>46</label>
        <nlm-citation citation-type="confproc">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Moroney</surname>
              <given-names>N</given-names>
            </name>
            <name name-style="western">
              <surname>Fairchild</surname>
              <given-names>MD</given-names>
            </name>
            <name name-style="western">
              <surname>Hunt</surname>
              <given-names>RW</given-names>
            </name>
            <name name-style="western">
              <surname>Li</surname>
              <given-names>C</given-names>
            </name>
            <name name-style="western">
              <surname>Luo</surname>
              <given-names>MR</given-names>
            </name>
            <name name-style="western">
              <surname>Newman</surname>
              <given-names>T</given-names>
            </name>
          </person-group>
          <article-title>The CIECAM02 color appearance model</article-title>
          <source>Proceedings of the 10th IS&#38;T/SID Color Imaging Conference</source>
          <year>2002</year>
          <conf-name>CIECAM '02</conf-name>
          <conf-date>November 12-15, 2002</conf-date>
          <conf-loc>Scottsdale, AZ, USA</conf-loc>
          <fpage>23</fpage>
          <lpage>7</lpage>
        </nlm-citation>
      </ref>
      <ref id="ref47">
        <label>47</label>
        <nlm-citation citation-type="web">
          <person-group person-group-type="author">
            <name name-style="western">
              <surname>Brewer</surname>
              <given-names>CA</given-names>
            </name>
          </person-group>
          <article-title>ColorBrewer</article-title>
          <source>NSF Digital Government program</source>
          <access-date>2022-09-08</access-date>
          <comment>
            <ext-link ext-link-type="uri" xlink:type="simple" xlink:href="http://www.colorbrewer.org">http://www.colorbrewer.org</ext-link>
          </comment>
        </nlm-citation>
      </ref>
    </ref-list>
  </back>
</article>
