MILLION DOLLAR CHART

VStack Board
svg { display: block; } /* .yellowLine path { stroke: #f3b302 !important; fill: #f3b302 !important; stroke-opacity: 1; stroke-width: 2px; } */ /* .muze-layer-line path, .muze-layer-point path { stroke-width: 2px; stroke-opacity: 1; fill-opacity: 1; } */ .table-row-cell, .table-column-cell, .table-visual-cell { /* border-color: rgba(0, 0, 0, 0) !important; */ } .table-arrow { margin: 5px; width: 0px; height: 0px; position: absolute; opacity: 0.5; z-index: 10; cursor: pointer; } .table-arrow:hover { opacity: 1.0; } .table-arrow-right { left: 100%; top: calc(50% - 25px); border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 15px solid steelblue; } .table-arrow-left { right: 100%; top: calc(50% - 25px); border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 15px solid steelblue; } .table-arrow-bottom { left: calc(50% - 25px); top: 100%; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid steelblue; } .table-arrow-top { left: calc(50% - 25px); bottom: 100%; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 15px solid steelblue; } .table-row-nested { visibility: hidden; border-top: none; } svg[text-anchor='middle'] path { opacity: 0; } svg g text[text-anchor="middle"] { opacity: 0; } svg { display: block; width: inherit; height: inherit; float: left; max-height: 100%; } .muze-table-header { width: inherit; height: inherit; /* padding-top: 5px; */ } svg { display: block; width: inherit; height: inherit; float: left; max-height: 100%; } .muze-tooltip-box { word-wrap: none; width: fit-content; } .muze-table-header { width: inherit; height: inherit; /* padding-top: 5px; */ } /* .tick line, .domain { display: none; } */ .muze-layer-point path{ /* stroke: none; */ /* fill: none; */ } .muze-layer-point path { /* display: none; */ /* stroke-width: 2px; */ } #Year { opacity: 0.0; } .grid-bottom td { border-top: none; } .grid-top tr:last-child { border-bottom: 0px solid; } #grid-top tr:first-child { border-bottom: none; } svg { vertical-align: top; } .muze-grid-layout { float: left; margin-left: 30px; position: relative; } .muze-layout-row { position: relative; float: left; } .muze-layout-row div, .muze-layout-row table { /* display: block; */ float: left; border-collapse: collapse; } .c-con { margin-top: 10px; display: block } .vstack-layout-row-2 .grid-center td { border-left: 1px solid red !important; border-bottom: 1px solid red !important; } .grid-td { /* border-color: rgba(0, 0, 0, 0) !important; */ } .vstack-layout-row-3 rect, .vstack-layout-row-4 rect { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; } .domain { stroke: rgba(0, 0, 0, 0); } .muze-layer-point path { /* display: none; */ /* stroke-width: 2px; */ } #Year { opacity: 0.0; } .grid-bottom td { border-top: none; } .grid-top tr:last-child { border-bottom: 0px solid; } #grid-top tr:first-child { border-bottom: none; } svg { vertical-align: top; } .muze-grid-layout { float: left; position: relative; } .muze-layout-row { position: relative; float: left; } .muze-layout-row div, .muze-layout-row table { /* display: block; */ float: left; border-collapse: collapse; } .c-con { margin-top: 10px; display: block } /* .vstack-layout-row-2 .muze-layer-line path, .vstack-layout-row-2 .muze-layer-point path { stroke: #730dcd; fill: #730dcd; } .vstack-layout-row-2 .grid-center td { border-left: 1px solid red !important; border-bottom: 1px solid red !important; } .grid-td { border-color: rgba(0, 0, 0, 0) !important; } .vstack-layout-row-3 rect, .vstack-layout-row-4 rect { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; }*/ .domain { stroke: rgba(0, 0, 0, 0); } .muze-layout-row div, .muze-layout-row table { /* display: block; */ float: left; border-collapse: collapse; } #board { margin-top: 5em; } /* .muze-tooltip-box { border: 0.5px; border-style: solid; border-color: #dee1e3 !important; /* outline: 0.5px solid black; background: linear-gradient(#34679e, #3397fb) !important; /* font-family: "Trebuchet MS", Helvetica, sans-serif !important; font-size: 12px; /* box-shadow: 0px 0px 1px 1px #f5f5f5; color: #dee8f2 !important; border-radius: 3px; padding: 5px 10px !important; pointer-events: none; box-shadow: 3px 3px 12px 3px rgba(0, 0, 0, 0.3); } */ .muze-grid-layout svg { max-width: 100%; /* width: 0px; */ } .domain { opacity: 0; } /* table { background-color: ghostwhite; } */ .muze-weather-icons{ stroke: none !important; } /* .muze-header-cell { font-family: Lucida Grande; font-weight: bold; font-style: italic; } */ .legend, .line-legend { position: fixed; display: flex; margin-top: 20px; margin-left: 40px; align-self: center; justify-content: center; } .legend-container { margin-top: 50px; margin-left: 10px; /* width: 750px; */ height: 100px; float: left; border: 1px solid #869fc6; } .legend-container1, .legend-container2 .grid-center, .legend-container3, .legend-container4{ display: flex; align-content: center; justify-content: center; } .legend-container #bottomLeft, .legend-container .grid-left, .legend-container .grid-left td{ width: 15px !important; } .legend-container2 #bottomLeft, .legend-container2 .grid-left, .legend-container2 .grid-left td{ width: 26px !important; } .legend-header { background: #869fc6; color: white; display: flex; align-items: center; justify-content: center; text-align: center; height: 30px; }

MILLION DOLLAR CHART

VStack Board