UTD-CRSS/app.exploreapollo.org

Function render has 77 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const {data, containerWidth} = this.props;

    //Don't render diagram without data
    if(data.series.every(datum => {return datum.value.size < 1;})) {

Similar blocks of code found in 2 locations. Consider refactoring.

Open

function form(data) {
  return data.toArray().map((datum => {return {
    name: String(datum.get("met_start")),
    data: [Number(datum.getIn(["data", "count"]))]
  };})).sort(function(a, b) { //sort by met_start

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

                <Ticks
                  axis="y"
                  opacity={1.0}
                  position="left"
                  tickVisible={({tick}) => tick.y>=0}

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

                <Ticks
                  axis="x"
                  opacity={1.0}
                  position="bottom"
                  label={"Time"}

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

function generateLegend(data) {
  var result = [];
  data.map((datum, index) => result.push(<span key={index} style={{color:D3.schemeCategory10[index]}}>&emsp;{datum.name}&emsp;</span>));
  return result;
}

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    const rawAll = data.series.map((datum => {return {name: datum.name, value: form(datum.value)};})).filter(datum => datum.value.length > 0);

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

        <Chart
          width={containerWidth}
          height={containerWidth/4}
          series={diagramData}
          minX={0}

• Read up
  Read up

Identical blocks of code found in 3 locations. Consider refactoring.

Open

    if(data.series.every(datum => {return datum.value.size < 1;})) {
      return <p className="text-center text-muted">No Data Yet</p>;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    const diagramTicks = rawSingle.value.map(datum => {return {name: String((datum.name-rawSingle.value[0].name)/1000)};});

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

    const diagramData = rawAll.map(datum => {return {data: datum.value.map(datum => {return Number(datum.data);})};});

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

                <Bars
                  colors={D3.scaleOrdinal(D3.schemeCategory10)}
                  opacity={1.0}
                  combined={false}
                  groupPadding="4px"

• Read up
  Read up