diff --git a/.gitignore b/.gitignore index 3934f64..5a3d7f1 100644 --- a/.gitignore +++ b/.gitignore @@ -3,3 +3,4 @@ node_modules/ yarn-error.log docs/.nojekyll +!.nojekyll diff --git a/docs/elements_tasks.html b/docs/elements_tasks.html index 18d06e7..1333626 100644 --- a/docs/elements_tasks.html +++ b/docs/elements_tasks.html @@ -102,7 +102,7 @@ diff --git a/docs/example-dashboard.html b/docs/example-dashboard.html index a34e66e..560a817 100644 --- a/docs/example-dashboard.html +++ b/docs/example-dashboard.html @@ -209,7 +209,7 @@

Other

Data: Jonathan C. McDowell, General Catalog of Artificial Space Objects

diff --git a/docs/forms.html b/docs/forms.html index 7a2847c..17cf65b 100644 --- a/docs/forms.html +++ b/docs/forms.html @@ -102,7 +102,7 @@ diff --git a/docs/index.html b/docs/index.html index 05d2670..0dc52c1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -108,7 +108,7 @@

diff --git a/docs/people_roles.html b/docs/people_roles.html index f5af7a4..680e167 100644 --- a/docs/people_roles.html +++ b/docs/people_roles.html @@ -90,7 +90,7 @@ diff --git a/docs/timeline.html b/docs/timeline.html index 3492237..6cdeb37 100644 --- a/docs/timeline.html +++ b/docs/timeline.html @@ -222,7 +222,7 @@ return {tasks,projectMembers,projectName,projectCreatedAt,projectMembersById,timelineEvents,timelineContainer,list}; }}); -define({id: "10949805", inputs: ["d3","timelineEvents","Plot","calendar"], outputs: ["eventsByDate","startDate","endDate","allDates","eventsByDateMap","completeEventsCount","heatmapPlot"], body: (d3,timelineEvents,Plot,calendar) => { +define({id: "81d058a1", inputs: ["d3","timelineEvents","Plot","calendar"], outputs: ["eventsByDate","startDate","endDate","allDates","eventsByDateMap","completeEventsCount","heatmapPlot"], body: (d3,timelineEvents,Plot,calendar) => { // Aggregate events by date const eventsByDate = d3.rollups( timelineEvents, @@ -248,9 +248,12 @@ const start = d3.utcDay.offset(d3.min(completeEventsCount, (d) => new Date(d.date))); const end = d3.utcDay.offset(d3.max(completeEventsCount, (d) => new Date(d.date))); + // Dynamically calculate width + const containerWidth = document.getElementById("plot-container").clientWidth || 1152; + return Plot.plot({ - width: 1152, - height: d3.utcYear.count(start, end) * 180, + width: containerWidth, // Use dynamic width + height: d3.utcYear.count(start, end) * 200, axis: null, padding: 0, x: { @@ -345,7 +348,7 @@
-
+

Calendar

@@ -369,7 +372,7 @@

diff --git a/src/timeline.md b/src/timeline.md index f393b19..8c421a4 100644 --- a/src/timeline.md +++ b/src/timeline.md @@ -190,9 +190,12 @@ const heatmapPlot = (() => { const start = d3.utcDay.offset(d3.min(completeEventsCount, (d) => new Date(d.date))); const end = d3.utcDay.offset(d3.max(completeEventsCount, (d) => new Date(d.date))); + // Dynamically calculate width + const containerWidth = document.getElementById("plot-container").clientWidth || 1152; + return Plot.plot({ - width: 1152, - height: d3.utcYear.count(start, end) * 180, + width: containerWidth, // Use dynamic width + height: d3.utcYear.count(start, end) * 200, axis: null, padding: 0, x: {