frontend/src/components/home/SimulationSection.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import React from "react";
import ScreenshotSection from "./ScreenshotSection";

const ModelingSection = () => (
  <ScreenshotSection
    name="simulation"
    title="Datacenter Simulation"
    imageUrl="https://github.com/atlarge-research/opendc/raw/master/images/opendc-frontend-simulation-zoom.PNG"
    caption="Running an experiment in OpenDC"
    imageIsRight={false}
  >
    <h3>Working with OpenDC:</h3>
    <ul>
      <li>Seamlessly switch between construction and simulation modes</li>
      <li>
        Choose one of several predefined workloads (Big Data, Bag of Tasks,
        Hadoop, etc.)
      </li>
      <li>Play, pause, and skip around the informative simulation timeline</li>
      <li>Visualize and demo live</li>
    </ul>
  </ScreenshotSection>
);

export default ModelingSection;