bobby/open_dbm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed metadata color palette

Browse Source
This commit is contained in:
Carla Floricel
2022-08-10 11:31:16 -04:00
parent b5569e3bbb
commit 69ac48cf63
4 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dashboard/src/components/cohortPanel.js
View File

@@ -37,7 +37,7 @@ function CohortPanel() {
const [allDBMArg, setAllDBMArg] = useState([]) const [allDBMArg, setAllDBMArg] = useState([])
const [metadata, setMetadata] = useState([]) const [metadata, setMetadata] = useState([])
const metadataColorList = ['none', 'gold', 'blue', 'deeppink', 'darkviolet', 'cyan', 'black', 'brown', 'greenyellow', 'orchid','mediumpurple'] const metadataColorList = ['none', 'gold', 'blue', 'pink', 'darkviolet', 'cyan', 'black', 'brown', 'greenyellow', 'orchid','mediumpurple']
const [metadataAttrColor, setMetadataAttrColor] = useState({}) const [metadataAttrColor, setMetadataAttrColor] = useState({})
useEffect(() => { useEffect(() => {

3
dashboard/src/components/correlationMatrix.d3.js
View File

@@ -1,6 +1,7 @@
import * as d3 from 'd3'; import * as d3 from 'd3';
import $ from "jquery"; import $ from "jquery";
import "../index.css" import "../index.css"
import DBMDict from '../DBM_attribute_dict.json'
export default class CorrelationMatrixD3 { export default class CorrelationMatrixD3 {
constructor(chart, data, parentId) { constructor(chart, data, parentId) {
@@ -17,7 +18,7 @@ export default class CorrelationMatrixD3 {
var values = Object.values(data).map(el => Object.values(el)) var values = Object.values(data).map(el => Object.values(el))
var keys = Object.keys(data).map(e => e.replace("aco_", "").replace("fac_", "").replace("mov_", "")) var keys = Object.keys(data).map(e => DBMDict[e]['label'])
const minRowValue = values.map(el => Math.min(...(el))) const minRowValue = values.map(el => Math.min(...(el)))
const maxRowValue = values.map(el => Math.max(...(el))) const maxRowValue = values.map(el => Math.max(...(el)))

1
dashboard/src/components/individualPanel.css
View File

@@ -319,6 +319,7 @@
#acousticsContainer { #acousticsContainer {
padding: 10px; padding: 10px;
margin-left: -10px; margin-left: -10px;
font-size: 0.8rem;
margin-right: 5px; margin-right: 5px;
width: max-content; width: max-content;
} }

2
dashboard/src/components/scatterplot.d3.js
View File

@@ -28,7 +28,7 @@ export default class ScatterplotD3 {
$('#metadataAttributes').css("opacity", 1) $('#metadataAttributes').css("opacity", 1)
var medataAttr = [...new Set(Object.values(metadata).map(el => el['attr']).filter(e => e != null))] var medataAttr = [...new Set(Object.values(metadata).map(el => el['attr']).filter(e => e != null))]
var metadataColor = d3.scaleOrdinal().domain(medataAttr) var metadataColor = d3.scaleOrdinal().domain(medataAttr)
.range(['gold', 'blue', 'deeppink', 'darkviolet', 'cyan', 'black', 'brown', 'greenyellow', 'orchid','mediumpurple']) .range(['gold', 'blue', 'pink', 'darkviolet', 'cyan', 'black', 'brown', 'greenyellow', 'orchid','mediumpurple'])
var d = Object.values(metadata).map(el => [el['id'], el['attr']]) var d = Object.values(metadata).map(el => [el['id'], el['attr']])
d.forEach(el => { d.forEach(el => {