1.0.115 • Published 22 days ago

jaropis-scatterplot-d3 v1.0.115

Weekly downloads
-
License
ISC
Repository
-
Last release
22 days ago

Custom Styling

To apply custom styles to the scatter plot, you can create a CSS file in your project and define styles for your specified class name.

Step 1: Create a CSS File

Create a CSS file (e.g., ScatterPlotStyles.css) in your project.

Step 2: Define Your Styles

In ScatterPlotStyles.css, define the styles for your scatter plot. For example:

.myCustomScatterPlot .axis-label { // use .default-scatterplot-style class to style all scatterplots in the same way
  font-family: Arial, sans-serif;
  font-size: 16px;
}

/* If you want different styles for x and y labels, you can use these separate classes
.myCustomScatterPlot .x-axis-label {
  //X-axis specific styles
} */
/*
.myCustomScatterPlot .y-axis-label {
  // Y-axis specific styles
}
*/

  /* Add more styles as needed */
}

Step 3: Import the CSS File in Your App

Import your CSS file in your application to apply the styles globally.

import React from "react";
import "./ScatterPlotStyles.css";
import MyComponent from "./MyComponent";

const App = () => {
  return <MyComponent />;
};

export default App;

Complete example:

see src/stories/styles/ScatterPlotStory.css for a complete example and template

d3d3-dsvtippy.js
@everything-registry/sub-chunk-1948
1.0.107

22 days ago

1.0.106

22 days ago

1.0.108

22 days ago

1.0.105

22 days ago

1.0.110

22 days ago

1.0.112

22 days ago

1.0.111

22 days ago

1.0.114

22 days ago

1.0.113

22 days ago

1.0.115

22 days ago

1.0.103

26 days ago

1.0.104

26 days ago

1.0.101

27 days ago

1.0.100

27 days ago

1.0.102

27 days ago

1.0.99

27 days ago

1.0.91

1 month ago

1.0.95

1 month ago

1.0.94

1 month ago

1.0.93

1 month ago

1.0.92

1 month ago

1.0.98

1 month ago

1.0.97

1 month ago

1.0.96

1 month ago

1.0.76

2 months ago

1.0.88

2 months ago

1.0.87

2 months ago

1.0.89

2 months ago

1.0.90

2 months ago

1.0.77

2 months ago

1.0.75

2 months ago

1.0.74

2 months ago

1.0.79

2 months ago

1.0.78

2 months ago

1.0.80

2 months ago

1.0.84

2 months ago

1.0.83

2 months ago

1.0.82

2 months ago

1.0.81

2 months ago

1.0.86

2 months ago

1.0.85

2 months ago

1.0.69

2 months ago

1.0.68

2 months ago

1.0.67

2 months ago

1.0.73

2 months ago

1.0.72

2 months ago

1.0.71

2 months ago

1.0.70

2 months ago

1.0.66

2 months ago

1.0.62

2 months ago

1.0.65

2 months ago

1.0.64

2 months ago

1.0.63

2 months ago

1.0.61

2 months ago

1.0.60

2 months ago

1.0.59

2 months ago

1.0.58

2 months ago

1.0.57

2 months ago

1.0.56

3 months ago

1.0.51

3 months ago

1.0.55

3 months ago

1.0.54

3 months ago

1.0.53

3 months ago

1.0.52

3 months ago

1.0.48

3 months ago

1.0.47

3 months ago

1.0.49

3 months ago

1.0.50

3 months ago

1.0.39

3 months ago

1.0.38

3 months ago

1.0.40

3 months ago

1.0.44

3 months ago

1.0.43

3 months ago

1.0.42

3 months ago

1.0.41

3 months ago

1.0.46

3 months ago

1.0.45

3 months ago

1.0.37

3 months ago

1.0.36

3 months ago

1.0.35

3 months ago

1.0.34

3 months ago

1.0.33

3 months ago

1.0.32

3 months ago

1.0.31

3 months ago

1.0.30

3 months ago

1.0.29

4 months ago

1.0.19

4 months ago

1.0.18

4 months ago

1.0.17

4 months ago

1.0.22

4 months ago

1.0.21

4 months ago

1.0.20

4 months ago

1.0.25

4 months ago

1.0.24

4 months ago

1.0.23

4 months ago

1.0.28

4 months ago

1.0.27

4 months ago

1.0.2

4 months ago

1.0.16

4 months ago

1.0.9

4 months ago

1.0.8

4 months ago

1.0.7

4 months ago

1.0.6

4 months ago

1.0.5

4 months ago

1.0.4

4 months ago

1.0.3

4 months ago

1.0.11

4 months ago

1.0.10

4 months ago

1.0.15

4 months ago

1.0.14

4 months ago

1.0.13

4 months ago

1.0.12

4 months ago

1.0.1

4 months ago

1.0.0

5 months ago