JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsStreamgraph from 'highcharts/modules/streamgraph';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsStreamgraph(Highcharts);

JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsAccessibility from 'highcharts/modules/accessibility';
import HighchartsMore from 'highcharts/highcharts-more';
HighchartsExporting(Highcharts);
HighchartsAccessibility(Highcharts);
HighchartsMore(Highcharts);

JenniferFuBook

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

JenniferFuBook

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';
import './App.css';
import HighchartsExporting from 'highcharts/modules/exporting';
import HighchartsMore from 'highcharts/highcharts-more';
HighchartsExporting(Highcharts);
HighchartsMore(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 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.`}
    />
  );