---
type: "movie"
subType: null
title: "The Hunger Games"
englishTitle: "The Hunger Games"
year: "2012"
dataSource: "OMDbAPI"
url: "https://www.imdb.com/title/tt1392170/"
id: "tt1392170"
genres:
- "Action"
- "Adventure"
- "Sci-Fi"
producer: "Gary Ross"
duration: "142 min"
onlineRating: 7.2
actors:
- "Jennifer Lawrence"
- "Josh Hutcherson"
- "Liam Hemsworth"
image: "https://m.media-amazon.com/images/M/MV5BMjA4NDg3NzYxMF5BMl5BanBnXkFtZTcwNTgyNzkyNw@@._V1_SX300.jpg"
released: true
streamingServices:
premiere: "23/03/2012"
watched: true
lastWatched: "[[2023-08-08]]"
personalRating: 7
CollapseMetaTable: true
---
Parent:: [[@Cinematheque]]
Related:: [[The Hunger Games - Catching Fire (2013)]], [[The Hunger Games - Mockingjay - Part 1 (2014)]], [[The Hunger Games - Mockingjay - Part 2 (2015)]]
---
```dataviewjs
dv.paragraph(`> [!${dv.current().watched ? 'SUCCESS' : 'WARNING'}] ${dv.current().watched ? 'last watched on ' + dv.current().lastWatched : 'not yet watched'}`)
```
 
# `$= dv.current().title`
 
`$= dv.current().watched ? '**Rating**: ' + dv.current().personalRating + ' out of 10' : ''`
```toc
```
 
### Details
 
**Genres**:
`$= dv.current().genres.length === 0 ? ' - none' : dv.list(dv.current().genres)`
`$= !dv.current().released ? '**Not released** The movie is not yet released.' : ''`
 
```dataview
list without id
"< table > < tbody > < tr > < td > < a class = heading > Type< / a > < / td > "
+
"< td > < span style = 'color: var(--footnote);' > " + this.type + "< / span > < / td > < / tr > "
+
"< tr > < td > < a class = heading > Online Rating< / a > < / td > "
+
"< td > < span style = 'color: var(--footnote);' > " + this.onlineRating + "< / span > < / td > < / tr > "
+
"< tr > < td > < a class = heading > Duration< / a > < / td > "
+
"< td > < span style = 'color: var(--footnote);' > " + this.duration + "< / span > < / td > < / tr > "
+
"< tr > < td > < a class = heading > Premiered< / a > < / td > "
+
"< td > < span style = 'color: var(--footnote);' > " + this.premiere + "< / span > < / td > < / tr > "
+
"< tr > < td > < a class = heading > Producer< / a > < / td > "
+
"< td > < span style = 'color: var(--footnote);' > " + this.producer + "< / span > < / td > < / tr > < / tbody > < / table > "
FROM "03.04 Cinematheque/The Hunger Games (2012)"
```
 
---
 
### Poster
 
`$= '![Image|360](' + dv.current().image + ')'`