render()

in src/tutorial/tutorial.tsx [21:59]

• 37 lines of code
• 3 McCabe index (conditional complexity)

    render() {
        // @ts-ignore
        let pkgInfo = HIPLOT_PACKAGE_NAME_FULL;
        if (pkgInfo === undefined) {
            pkgInfo = "hiplot (no version information)";
        }
        return (
        <div className="alert alert-primary" role="alert">
            <div className="row">
                <div className="col-md-8">
                    <h4 className="alert-heading">Welcome to HiPlot "getting started" tutorial</h4>
                    Click the button "Next" to start
                </div>
                <div className="col-md-4">
                    <img style={{height: '50px'}} src={LogoSVG} /><br />
                    <span style={{"fontFamily": "monospace"}}>{pkgInfo}</span>
                </div>
            </div>

            <hr />
            <p>Learn more:</p>
            <ul>
                <li><a href="https://ai.facebook.com/blog/hiplot-high-dimensional-interactive-plots-made-easy/">HiPlot launch on Facebook AI blog</a></li>
                <li><a href="https://github.com/facebookresearch/hiplot">https://github.com/facebookresearch/hiplot/</a>: star us on github or post issues</li>
                <li><a href="https://facebookresearch.github.io/hiplot/">documentation</a></li>
                <li>We provide both python (<a href="https://pypi.org/project/hiplot/">pip</a>, <a href="https://anaconda.org/conda-forge/hiplot">conda</a>) and javascript (<a href="https://www.npmjs.com/package/hiplot">hiplot on NPM</a>) packages</li>
            </ul>
            <hr />
            <p>Did you know that HiPlot can be used:</p>
            <ul>
                <li>In an <a href="https://facebookresearch.github.io/hiplot/getting_started.html#option-1-use-hiplot-in-an-ipython-notebook">ipython notebook</a> or
                        in <a href="https://facebookresearch.github.io/hiplot/tuto_streamlit.html#tutostreamlit">Streamlit apps</a></li>
                <li>As a <a href="https://facebookresearch.github.io/hiplot/tuto_javascript.html">HiPlot react component</a></li>
                <li>As a <a href="https://facebookresearch.github.io/hiplot/getting_started.html#option-2-use-hiplot-webserver">standalone web server</a></li>
                <li>Or simply <a href="https://facebookresearch.github.io/hiplot/_static/hiplot_upload.html">without any setup if you have a CSV file with your data</a></li>
            </ul>
        </div>
        )
    }