cellxgene/src/components/joy/joy.js

import React from 'react';
import _ from "lodash";
import styles from "./joy.css";
import drawJoy from "./drawJoy";
import joyParser from "./joyParser";

class Joy extends React.Component {

  constructor(props) {
    super(props);
    this.state = {

    };
  }

  componentWillReceiveProps(nextProps) {
    if (nextProps.data) {
      console.log('joyplot data 44', nextProps.data)
      drawJoy(joyParser(nextProps.data));
    }
  }

  componentDidMount() {

  }

  render() {
    return (
      <div id="joyplot_wrapper" style={{marginTop: 50}}>
        <h3> Joy </h3>
        <p> Cell expression distribution per gene & if differential expression, Ie., cells for cluster 5, top genes expressed by cluster 8</p>
        <div id="joyplot"> </div>
      </div>
    )
  }
};

export default Joy;