JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import './App.css';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsTreemap from 'highcharts/modules/treemap';
HighchartsExporting(Highcharts);
HighchartsTreemap(Highcharts);

const getOptions = (type) => ({

JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import './App.css';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsHeatmap from 'highcharts/modules/heatmap';
HighchartsExporting(Highcharts);
HighchartsHeatmap(Highcharts);

const getOptions = (type) => ({

JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import './App.css';
import HighchartsExporting from 'highcharts/modules/exporting';
import Highcharts3D from 'highcharts/highcharts-3d';
HighchartsExporting(Highcharts);
Highcharts3D(Highcharts);

const getOptions = (type) => ({

JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import './App.css';
import HighchartsExporting from 'highcharts/modules/exporting';
HighchartsExporting(Highcharts);

const getOptions = (type) => ({
  chart: {
    type,

JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import './App.css';

const getOptions = (type) => ({
  chart: {
    type,
    width: 500,
    height: 300,

JenniferFuBook

import { DiffEditor } from '@monaco-editor/react';

function App() {
  return (
    <DiffEditor
      height="100vh"
      original={`This line is removed on the right.\njust some text\nabcd\nefgh\nSome more text`}
      modified={`just some text\nabcz\nzzzzefgh\nSome more text.\nThis line is removed on the left.`}
    />
  );

JenniferFuBook

import { useEffect } from 'react';
import loader from '@monaco-editor/loader';

function getCode() {
  return [
    '[Sun Mar 7 16:02:00 2004] [notice] Apache/1.3.29 (Unix) configured -- resuming normal operations',
    '[Sun Mar 7 16:02:00 2004] [info] Server built: Feb 27 2004 13:56:37',
    '[Sun Mar 7 16:02:00 2004] [notice] Accept mutex: sysvsem (Default: sysvsem)',
    '[Sun Mar 7 16:05:49 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed',
    '[Sun Mar 7 16:45:56 2004] [info] [client xx.xx.xx.xx] (104)Connection reset by peer: client stopped connection before send body completed',

JenniferFuBook

import { useEffect, useState } from 'react';
import Editor from '@monaco-editor/react';

const FileUploader = ({ onFileLoad }) => {
  return <input type="file" onChange={(e) => onFileLoad(e.target.files[0])} />;
};

function App() {
  const [file, setFile] = useState();
  const [value, setValue] = useState();

JenniferFuBook

import { useEffect, useState } from 'react';
import Editor from '@monaco-editor/react';

const FileUploader = ({ onFileLoad }) => {
  return <input type="file" onChange={(e) => onFileLoad(e.target.files[0])} />;
};

function App() {
  const [file, setFile] = useState();
  const [value, setValue] = useState();

JenniferFuBook

import Editor from '@monaco-editor/react';

function App() {
  const value = `import logo from './logo.svg';
  import './App.css';

  function App() {
    return (
      <div className="App">
        <header className="App-header">