How to use the color.secondary function in color
To help you get started, we’ve selected a few color examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
vicapow / explained-visually / client / explanations / ordinary-least-squares-regression / src / SLRParameters.react.js View on Github 
render() {
return <svg height="{310}" width="{310}">
<g>
<circle style="{{fill:" r="{25}"></circle>
<line style="{{stroke:" y2="{-50}" x2="{0}" y1="{-25}" x1="{0}"></line>
</g>
<g>
<circle style="{{fill:" r="{25}"></circle>
<line style="{{stroke:" y2="{50}" x2="{0}" y1="{25}" x1="{0}"></line>
</g>
<g transform="translate(160, 160)">
<text fill="{color.primary}" transform="translate(-20, -60)">
Beta 1 - The y-intercept of the regression line.
</text>
<text fill="{color.secondary}" transform="translate(-20, 60)">
Beta 2 - The slope of the regression line.
</text></g></svg>getDefaultProps() {
return {
width: 500,
height: 400,
errorSquareColor: color.primary,
regressionPlaneColor: color.secondary,
pointSize: 0.015,
valueAccessor: d => d.value,
colorAccessor: d => d.color,
locationAccessor: d => d.point,
onDragPoint: () => undefined,
regressionNob: null,
showPointNobs: true,
betas: null,
}
},
getInitialState() {render() {
return <svg height="{310}" width="{310}">
<g>
<circle style="{{fill:" r="{25}"></circle>
<line style="{{stroke:" y2="{-50}" x2="{0}" y1="{-25}" x1="{0}"></line>
</g>
<g>
<circle style="{{fill:" r="{25}"></circle>
<line style="{{stroke:" y2="{50}" x2="{0}" y1="{25}" x1="{0}"></line>
</g>
<g transform="translate(160, 160)">
<text fill="{color.primary}" transform="translate(-20, -60)">
Beta 1 - The y-intercept of the regression line.
</text>
<text fill="{color.secondary}" transform="translate(-20, 60)">
Beta 2 - The slope of the regression line.</text></g></svg>color
Color conversion and manipulation with CSS string support
