react Architecture Docs
Home / File/ Charts.js — react Source File

Charts.js — react Source File

Architecture documentation for Charts.js, a javascript file in the react codebase. 2 imports, 1 dependents.

File javascript BabelCompiler Optimization 2 imports 1 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  7a306bc3_bbc5_e719_6911_64c744dcf0fd["Charts.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  7a306bc3_bbc5_e719_6911_64c744dcf0fd --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  9194429b_1797_c114_3771_646cf0169f49["victory"]
  7a306bc3_bbc5_e719_6911_64c744dcf0fd --> 9194429b_1797_c114_3771_646cf0169f49
  b6b3cf8a_4317_6da2_264c_e7cff7c932c6["index.js"]
  b6b3cf8a_4317_6da2_264c_e7cff7c932c6 --> 7a306bc3_bbc5_e719_6911_64c744dcf0fd
  style 7a306bc3_bbc5_e719_6911_64c744dcf0fd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import React, {PureComponent} from 'react';
import {
  VictoryArea,
  VictoryAxis,
  VictoryChart,
  VictoryBar,
  VictoryTheme,
  VictoryScatter,
  VictoryStack,
} from 'victory';

const colors = ['#fff489', '#fa57c1', '#b166cc', '#7572ff', '#69a6f9'];

export default class Charts extends PureComponent {
  render() {
    const streamData = this.props.data;
    return (
      <div>
        <div style={{display: 'flex'}}>
          <VictoryChart
            theme={VictoryTheme.material}
            width={400}
            height={400}
            style={{
              parent: {
                backgroundColor: '#222',
              },
            }}>
            <VictoryAxis
              style={{
                axis: {stroke: 'white'},
                tickLabels: {fill: 'white'},
              }}
            />
            <VictoryAxis
              style={{
                axis: {stroke: 'white'},
                tickLabels: {fill: 'white'},
              }}
              dependentAxis
            />
            <VictoryScatter
              data={streamData[0]}
              size={6}
              style={{
                data: {
                  fill: d => colors[d.x % 5],
                },
              }}
            />
          </VictoryChart>

          <VictoryChart
            theme={VictoryTheme.material}
            width={400}
            height={400}
            style={{
              parent: {
                backgroundColor: '#222',
              },
// ... (67 more lines)

Domain

Subdomains

Classes

Dependencies

  • react
  • victory

Imported By

Source

Frequently Asked Questions

What does Charts.js do?
Charts.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Optimization subdomain.
What does Charts.js depend on?
Charts.js imports 2 module(s): react, victory.
What files import Charts.js?
Charts.js is imported by 1 file(s): index.js.
Where is Charts.js in the architecture?
Charts.js is located at fixtures/concurrent/time-slicing/src/Charts.js (domain: BabelCompiler, subdomain: Optimization, directory: fixtures/concurrent/time-slicing/src).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free