Merge pull request #1 from fischcheng/custom_js

Add new IT Partners conference talk

config/_default/hugo.yaml

@@ -47,6 +47,9 @@ taxonomies:
   publication_type: publication_types
   author: authors
 markup:
+  goldmark:
+    renderer:
+      unsafe: true
   _merge: deep
 related:
   threshold: 80

content/post/d3/d3-learning-setup.md

@@ -0,0 +1,42 @@
+---
+# Documentation: https://docs.hugoblox.com/managing-content/
+
+title: "D3 Learning Setup"
+subtitle: ""
+summary: ""
+authors: []
+tags: []
+categories: []
+date: 2024-04-30T23:07:09-04:00
+lastmod: 2024-04-30T23:07:09-04:00
+featured: false
+draft: true
+
+# Featured image
+# To use, add an image named `featured.jpg/png` to your page's folder.
+# Focal points: Smart, Center, TopLeft, Top, TopRight, Left, Right, BottomLeft, Bottom, BottomRight.
+image:
+  caption: ""
+  focal_point: ""
+  preview_only: false
+
+# Projects (optional).
+#   Associate this post with one or more of your projects.
+#   Simply enter your project's folder or file name without extension.
+#   E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`.
+#   Otherwise, set `projects = []`.
+projects: []
+---
+
+
+
+I'm testing out including a D3 chart javascript. 
+<script src="https://d3js.org/d3.v7.min.js"></script>
+<div id="viz">
+</div>
+<script type="text/javascript" src='/d3js/scriptstart.js'>
+</script>
+<!---
+{{< d3_chart src="/d3js/scriptstart.js" >}}
+{{< figure src="/img/aqi_scale.png" title="An elephant at sunset" >}}
+--->

content/talk/MIT_IT24/index.md

@@ -0,0 +1,56 @@
+---
+title: "Agulhas leakage variability in a coupled climate system: controls and responses"
+event: UW Physical Oceanography seminar
+event_url: ""
+
+location: "Seattle, Washington"
+
+summary: ""
+abstract: "Agulhas leakage may have profound impacts on the climate system, by importing heat and salt anomalies from the Indian Ocean into the Atlantic and affecting the stability of the meridional overturning circulation. Furthermore, SST anomalies associated with leakage may influence terrestrial climate through air-sea coupling. Here, for the first time, we use an ocean-eddy-resolving (1/10 degree) global climate model (Community Climate System Model version 4.0, CCSM4), to investigate agulhas leakage variability and its impacts in a fully coupled framework. We devise a strategy to quantify Agulhas leakage by applying a Lagrangian particle tracking approach in daily-mean velocity fields archived every five days (pentads). Our eddy-resolving simulation is able to form an agulhas retroflection and constrain a realistic mean leakage of 11.2 Sv, compared to 43 Sv in the 1 degree CCSM. We find that more than 50% of leakage transport occurs outside eddies, and that standard monthly coupled model output is sufficient to capture nearly 80% of leakage variability on seasonal and longer time scales when compared to using pentads. These results lead us to hypothesize that interannual leakage variability is predominantly constrained by the large-scale circulation, despite the prevalence of Agulhas rings and other eddy structures. To test this hypothesis, we separate the large-scale and eddy velocity fields using a spatial smoother and, while keeping the large-scale fields' temporal order, we shuffle or shift the eddy fields to generate three modified total velocity fields. The resulting leakage time series have strong coherence at periods longer than 1000 days and significant correlations (0.62 < ρ < 0.69) at interannual time scales, suggesting that the large-scale circulation can explain up to 50% of the variance of Agulhas leakage. Investigating linkages to this variability, we find that leakage is associated with meridional shifts of the zonal wind stress, resembling the pattern of the Southern Annular Mode. Furthermore, high leakage periods are associated with locally increasing SST and surface heat fluxes over the retroflection region and reduced precipitation over the east of southern Africa. In terms of climate change since the 1960s, in contrast to the pronounced upward trend of Agulhas leakage suggested by previous studies using ocean hindcasts, we find no significant trend in our simulation. This may be due to a smaller-than-observed trend in the SAM or to cold biases in the southern hemisphere found in our model. More investigation is needed before we could attribute this finding to the presence of coupled physics in our model."
+
+# Talk start and end times.
+#   End time can optionally be hidden by prefixing the line with `#`.
+date: "2017-04-19T12:30:00Z"
+#date_end: "2017-04-19T13:30:00Z"
+all_day: false
+
+# Schedule page publish date (NOT talk date).
+publishDate: "2017-03-20T00:00:00Z"
+
+authors: []
+tags: []
+
+# Is this a featured talk? (true/false)
+featured: false
+
+image:
+  caption: ''
+  focal_point: Right
+
+links:
+- icon: twitter
+  icon_pack: fab
+  name: Follow
+  url: https://twitter.com/fischcheng
+url_code: ""
+url_pdf: ""
+url_slides: ""
+url_video: ""
+
+# Markdown Slides (optional).
+#   Associate this talk with Markdown slides.
+#   Simply enter your slide deck's filename without extension.
+#   E.g. `slides = "example-slides"` references `content/slides/example-slides.md`.
+#   Otherwise, set `slides = ""`.
+slides: ""
+
+# Projects (optional).
+#   Associate this post with one or more of your projects.
+#   Simply enter your project's folder or file name without extension.
+#   E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`.
+#   Otherwise, set `projects = []`.
+projects: []
+
+# Enable math on this page?
+math: true
+---

content/talk/ipcs_invited/index.md

@@ -1,24 +1,24 @@
 ---
-title: "Weather Forecast? Weather Intelligence! 氣象新創ClimaCell經驗分享"
-event: "ICPS 臺灣大學氣候變遷及永續發展國際學程"
-event_url: "http://www.ipcs.ntu.edu.tw/page/news/index.aspx?kind=1"
+title: "BASIN, the MITOS data platform"
+event: "2024 IT Partners Conference"
+event_url: "https://wikis.mit.edu/confluence/display/ITPartners/2024+IT+Partners+Conference+-+Tuesday%2C+June+11"
 
-location: "Taipei, Taiwan"
+location: "Cambridge, MA"
 
-summary: ""
-abstract: "天氣影響著生活的各個層面，大多數人卻無法輕易評估天氣對自己的影響，開發中農業國家的人們受天氣影響最大，卻很難得到準確的天氣資訊。ClimaCell致力於簡化從預報到決策的過程、彌補天氣資訊的不平等。或許你也好奇，學校之外，大氣研究有什麼其他可能？又會遇到什麼挑戰？"
+summary: "How a data platform leverage modern data stacks help MIT progresses its climate actions."
+abstract: "Leveraging existing works such as the Sustainability Datapool and IS&T Datahub, we set out to establish a one-stop shop for data pipeline monitoring, scheduling, data validation and cataloging. Introduce, BASIN, the MITOS data platform."
 
 # Talk start and end times.
 #   End time can optionally be hidden by prefixing the line with `#`.
 
-date: "2021-02-26T15:00:00"
+date: "2024-06-11T11:15:00"
 #date_end: "2018-06-13T14:00:00Z"
 all_day: false
 
 # Schedule page publish date (NOT talk date).
-publishDate: "2021-02-27T00:00:00"
+publishDate: "2024-05-28T12:00:00"
 
-authors: []
+authors: ["Yu Cheng"]
 tags: []
 
 # Is this a featured talk? (true/false)
@@ -29,14 +29,14 @@ image:
   focal_point: Right
 
 links:
-- icon: twitter
+- icon: linkedin
   icon_pack: fab
   name: Follow
-  url: https://twitter.com/fischcheng
+  url: https://www.linkedin.com/in/yu-cheng-boston/
 url_code: ""
-url_pdf: "slides/climacell_intro.pdf"
+url_pdf: ""
 url_slides: ""
-url_video: "https://www.youtube.com/watch?v=sILPqRI2n7I"
+url_video: ""
 
 # Markdown Slides (optional).
 #   Associate this talk with Markdown slides.

layouts/shortcodes/d3_chart.html

@@ -0,0 +1,5 @@
+<script src="https://d3js.org/d3.v7.min.js"></script>
+<div id="viz">
+</div>
+<script type="text/javascript" src='{{ .Get "src" }}'>
+</script>

static/d3js/scriptstart.js

@@ -0,0 +1,73 @@
+// Set dimensions and margins for the chart
+
+const margin = { top: 70, right: 30, bottom: 40, left: 80 };
+const width = 1200 - margin.left - margin.right;
+const height = 500 - margin.top - margin.bottom;
+
+// Set up the x and y scales
+
+const x = d3.scaleTime()
+  .range([0, width]);
+
+const y = d3.scaleLinear()
+  .range([height, 0]);
+
+// Create the SVG element and append it to the chart container
+
+const svg = d3.select("#viz")
+  .append("svg")
+    .attr("width", width + margin.left + margin.right)
+    .attr("height", height + margin.top + margin.bottom)
+  .append("g")
+    .attr("transform", `translate(${margin.left},${margin.top})`);
+
+// Create a fake dataset
+
+const dataset = [
+  { date: new Date("2022-01-01"), value: 200 },
+  { date: new Date("2022-02-01"), value: 250 },
+  { date: new Date("2022-03-01"), value: 180 },
+  { date: new Date("2022-04-01"), value: 300 },
+  { date: new Date("2022-05-01"), value: 280 },
+  { date: new Date("2022-06-01"), value: 220 },
+  { date: new Date("2022-07-01"), value: 300 },
+  { date: new Date("2022-08-01"), value: 450 },
+  { date: new Date("2022-09-01"), value: 280 },
+  { date: new Date("2022-10-01"), value: 600 },
+  { date: new Date("2022-11-01"), value: 780 },
+  { date: new Date("2022-12-01"), value: 320 }
+];
+
+// Define the x and y domains
+
+x.domain(d3.extent(dataset, d => d.date));
+y.domain([0, d3.max(dataset, d => d.value)]);
+
+// Add the x-axis
+
+svg.append("g")
+  .attr("transform", `translate(0,${height})`)
+  .call(d3.axisBottom(x)
+    .ticks(d3.timeMonth.every(1)) 
+    .tickFormat(d3.timeFormat("%b %Y"))); 
+
+
+// Add the y-axis
+
+svg.append("g")
+  .call(d3.axisLeft(y))
+
+// Create the line generator
+
+const line = d3.line()
+  .x(d => x(d.date))
+  .y(d => y(d.value));
+
+// Add the line path to the SVG element
+
+svg.append("path")
+  .datum(dataset)
+  .attr("fill", "none")
+  .attr("stroke", "steelblue")
+  .attr("stroke-width", 1)
+  .attr("d", line);