BerriJ/PHD-Presentation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align input width and plot width

Browse Source
This commit is contained in:
Jonathan Berrisch
2025-05-18 22:45:13 +02:00
parent 64325b8e0f
commit 83219fd607
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app.qmd
View File

@@ -79,6 +79,13 @@ chart = {
const margin = {top: 40, right: 20, bottom: 40, left: 40}; const margin = {top: 40, right: 20, bottom: 40, left: 40};
const innerWidth = width - margin.left - margin.right; const innerWidth = width - margin.left - margin.right;
const innerHeight = height - margin.top - margin.bottom; const innerHeight = height - margin.top - margin.bottom;
// Set container width to match SVG plot width
container.style("max-width", `${width}px`).style("width", "100%");
// Set controls container width to match SVG plot width
controlsContainer.style("max-width", `${width}px`).style("width", "100%");
// Distribute each control evenly and make sliders full-width
controlsContainer.selectAll("div").style("flex", "1").style("min-width", "0px");
controlsContainer.selectAll("input").style("width", "100%").style("box-sizing", "border-box");
// Create scales // Create scales
const x = d3.scaleLinear() const x = d3.scaleLinear()