1.0.115 • Published 10 months ago

jaropis-scatterplot-d3 v1.0.115

Weekly downloads
-
License
ISC
Repository
-
Last release
10 months 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

10 months ago

1.0.106

10 months ago

1.0.108

10 months ago

1.0.105

10 months ago

1.0.110

10 months ago

1.0.112

10 months ago

1.0.111

10 months ago

1.0.114

10 months ago

1.0.113

10 months ago

1.0.115

10 months ago

1.0.103

10 months ago

1.0.104

10 months ago

1.0.101

10 months ago

1.0.100

10 months ago

1.0.102

10 months ago

1.0.99

10 months ago

1.0.91

11 months ago

1.0.95

11 months ago

1.0.94

11 months ago

1.0.93

11 months ago

1.0.92

11 months ago

1.0.98

11 months ago

1.0.97

11 months ago

1.0.96

11 months ago

1.0.76

11 months ago

1.0.88

11 months ago

1.0.87

11 months ago

1.0.89

11 months ago

1.0.90

11 months ago

1.0.77

11 months ago

1.0.75

11 months ago

1.0.74

11 months ago

1.0.79

11 months ago

1.0.78

11 months ago

1.0.80

11 months ago

1.0.84

11 months ago

1.0.83

11 months ago

1.0.82

11 months ago

1.0.81

11 months ago

1.0.86

11 months ago

1.0.85

11 months ago

1.0.69

11 months ago

1.0.68

11 months ago

1.0.67

11 months ago

1.0.73

11 months ago

1.0.72

11 months ago

1.0.71

11 months ago

1.0.70

11 months ago

1.0.66

11 months ago

1.0.62

11 months ago

1.0.65

11 months ago

1.0.64

11 months ago

1.0.63

11 months ago

1.0.61

12 months ago

1.0.60

12 months ago

1.0.59

12 months ago

1.0.58

12 months ago

1.0.57

12 months ago

1.0.56

12 months ago

1.0.51

12 months ago

1.0.55

12 months ago

1.0.54

12 months ago

1.0.53

12 months ago

1.0.52

12 months ago

1.0.48

12 months ago

1.0.47

12 months ago

1.0.49

12 months ago

1.0.50

12 months ago

1.0.39

1 year ago

1.0.38

1 year ago

1.0.40

1 year ago

1.0.44

1 year ago

1.0.43

1 year ago

1.0.42

1 year ago

1.0.41

1 year ago

1.0.46

1 year ago

1.0.45

1 year ago

1.0.37

1 year ago

1.0.36

1 year ago

1.0.35

1 year ago

1.0.34

1 year ago

1.0.33

1 year ago

1.0.32

1 year ago

1.0.31

1 year ago

1.0.30

1 year ago

1.0.29

1 year ago

1.0.19

1 year ago

1.0.18

1 year ago

1.0.17

1 year ago

1.0.22

1 year ago

1.0.21

1 year ago

1.0.20

1 year ago

1.0.25

1 year ago

1.0.24

1 year ago

1.0.23

1 year ago

1.0.28

1 year ago

1.0.27

1 year ago

1.0.2

1 year ago

1.0.16

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago