drop shadow

by bornasepic

HTML

<script src="https://unpkg.com/[email protected]/dist/react.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/[email protected]/prop-types.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>
<script src="https://npmcdn.com/victory@latest/dist/victory.min.js"></script>
<div id="app"></div>

Babel + JSX

const {VictoryChart, VictoryLine, VictoryClipContainer} = Victory;

class App extends React.Component {
  render() {
    return (
      <div>
        <VictoryChart domain={{ y: [0, 10] }}>
          <VictoryLine 
            data={[
              { x: 1, y: 2 },
              { x: 2, y: 3 },
              { x: 3, y: 5 },
              { x: 4, y: 4 },
              { x: 5, y: 7 }
            ]}
          />
        </VictoryChart>
      </div>
    );
  }
} 
 
ReactDOM.render(<App/>, document.getElementById('app'));