diff --git a/buildSrc/src/main/kotlin/Dependencies.kt b/buildSrc/src/main/kotlin/Dependencies.kt
index 11f1c65..82284de 100644
--- a/buildSrc/src/main/kotlin/Dependencies.kt
+++ b/buildSrc/src/main/kotlin/Dependencies.kt
@@ -1,7 +1,9 @@
 object KotlinDependencies {
     const val kotlin = "org.jetbrains.kotlin:kotlin-stdlib:${Versions.kotlinVersion}"
-    const val coroutines = "org.jetbrains.kotlinx:kotlinx-coroutines-android:${Versions.coroutinesAndroidVersion}"
-    const val jsonSerialization = "org.jetbrains.kotlinx:kotlinx-serialization-json:${Versions.kotlinSerializationJsonVersion}"
+    const val coroutines =
+        "org.jetbrains.kotlinx:kotlinx-coroutines-android:${Versions.coroutinesAndroidVersion}"
+    const val jsonSerialization =
+        "org.jetbrains.kotlinx:kotlinx-serialization-json:${Versions.kotlinSerializationJsonVersion}"
     const val dateTime = "org.jetbrains.kotlinx:kotlinx-datetime:${Versions.kotlinDateTimeVersion}"
 }
 
@@ -10,22 +12,26 @@ object AndroidXDependencies {
     const val splashScreen = "androidx.core:core-splashscreen:${Versions.splashVersion}"
 
     const val appCompat = "androidx.appcompat:appcompat:${Versions.appCompatVersion}"
-    const val constraintLayout = "androidx.constraintlayout:constraintlayout:${Versions.constraintLayoutVersion}"
+    const val constraintLayout =
+        "androidx.constraintlayout:constraintlayout:${Versions.constraintLayoutVersion}"
     const val startup = "androidx.startup:startup-runtime:${Versions.appStartUpVersion}"
     const val fragment = "androidx.fragment:fragment-ktx:${Versions.fragmentKtxVersion}"
     const val legacy = "androidx.legacy:legacy-support-v4:${Versions.legacySupportVersion}"
     const val security = "androidx.security:security-crypto:${Versions.securityVersion}"
 
-    const val navigationFragment = "androidx.navigation:navigation-fragment-ktx:${Versions.navigationVersion}"
+    const val navigationFragment =
+        "androidx.navigation:navigation-fragment-ktx:${Versions.navigationVersion}"
     const val navigationUi = "androidx.navigation:navigation-ui-ktx:${Versions.navigationVersion}"
 
     const val lifeCycleKtx = "androidx.lifecycle:lifecycle-runtime-ktx:${Versions.lifecycleVersion}"
-    const val lifecycleJava8 = "androidx.lifecycle:lifecycle-common-java8:${Versions.lifecycleVersion}"
+    const val lifecycleJava8 =
+        "androidx.lifecycle:lifecycle-common-java8:${Versions.lifecycleVersion}"
     const val workManager = "androidx.work:work-runtime-ktx:${Versions.workManagerVersion}"
 
     const val hiltWorkManager = "androidx.hilt:hilt-work:1.0.0"
     const val hilt = "com.google.dagger:hilt-android:${Versions.hiltVersion}"
-    const val ossLicense = "com.google.android.gms:play-services-oss-licenses:${Versions.ossVersion}"
+    const val ossLicense =
+        "com.google.android.gms:play-services-oss-licenses:${Versions.ossVersion}"
 }
 
 object TestDependencies {
@@ -35,7 +41,8 @@ object TestDependencies {
 }
 
 object MaterialDesignDependencies {
-    const val materialDesign = "com.google.android.material:material:${Versions.materialDesignVersion}"
+    const val materialDesign =
+        "com.google.android.material:material:${Versions.materialDesignVersion}"
 }
 
 object KaptDependencies {
@@ -48,23 +55,30 @@ object ThirdPartyDependencies {
     const val coil = "io.coil-kt:coil:${Versions.coilVersion}"
 
     const val retrofit = "com.squareup.retrofit2:retrofit:${Versions.retrofitVersion}"
-    const val retrofitJsonConverter = "com.jakewharton.retrofit:retrofit2-kotlinx-serialization-converter:${Versions.kotlinSerializationConverterVersion}"
+    const val retrofitJsonConverter =
+        "com.jakewharton.retrofit:retrofit2-kotlinx-serialization-converter:${Versions.kotlinSerializationConverterVersion}"
     const val okHttpBom = "com.squareup.okhttp3:okhttp-bom:${Versions.okHttpVersion}"
     const val okHttp = "com.squareup.okhttp3:okhttp"
     const val okHttpLoggingInterceptor = "com.squareup.okhttp3:logging-interceptor"
 
     const val timber = "com.jakewharton.timber:timber:${Versions.timberVersion}"
 
-    const val ossLicense = "com.google.android.gms:play-services-oss-licenses:${Versions.ossVersion}"
+    const val ossLicense =
+        "com.google.android.gms:play-services-oss-licenses:${Versions.ossVersion}"
 
     const val progressView = "com.github.skydoves:progressview:${Versions.progressViewVersion}"
     const val balloon = "com.github.skydoves:balloon:${Versions.balloonVersion}"
     const val lottie = "com.airbnb.android:lottie:${Versions.lottieVersion}"
-    const val circularProgressBar = "com.mikhaellopez:circularprogressbar:${Versions.circularProgressBar}"
+    const val circularProgressBar =
+        "com.mikhaellopez:circularprogressbar:${Versions.circularProgressBar}"
     const val circleIndicator = "me.relex:circleindicator:${Versions.circleIndicatorVersion}"
     const val shimmer = "com.facebook.shimmer:shimmer:${Versions.shimmerVersion}"
 }
 
+object JitPackDependencies {
+    const val mpChart = "com.github.PhilJay:MPAndroidChart:${Versions.mpChartVersion}"
+}
+
 object ClassPathPlugins {
     const val gradle = "com.android.tools.build:gradle:${Versions.gradleVersion}"
     const val kotlinGradle = "org.jetbrains.kotlin:kotlin-gradle-plugin:${Versions.kotlinVersion}"
diff --git a/buildSrc/src/main/kotlin/Versions.kt b/buildSrc/src/main/kotlin/Versions.kt
index f64faaf..66e803d 100644
--- a/buildSrc/src/main/kotlin/Versions.kt
+++ b/buildSrc/src/main/kotlin/Versions.kt
@@ -34,6 +34,8 @@ object Versions {
     const val circleIndicatorVersion = "2.1.6"
     const val shimmerVersion = "0.5.0"
 
+    const val mpChartVersion = "v3.1.0"
+
     const val junitVersion = "4.13.2"
     const val espressoVersion = "3.5.1"
     const val androidTestVersion = "1.1.2"
diff --git a/presentation/build.gradle.kts b/presentation/build.gradle.kts
index 3698195..4d975c5 100644
--- a/presentation/build.gradle.kts
+++ b/presentation/build.gradle.kts
@@ -85,4 +85,8 @@ dependencies {
         implementation(circularProgressBar)
         implementation(circleIndicator)
     }
+
+    JitPackDependencies.run {
+        implementation(mpChart)
+    }
 }
diff --git a/presentation/src/main/java/com/kkkk/presentation/main/report/ReportFragment.kt b/presentation/src/main/java/com/kkkk/presentation/main/report/ReportFragment.kt
index 9fbf9d9..ec06a87 100644
--- a/presentation/src/main/java/com/kkkk/presentation/main/report/ReportFragment.kt
+++ b/presentation/src/main/java/com/kkkk/presentation/main/report/ReportFragment.kt
@@ -2,18 +2,140 @@ package com.kkkk.presentation.main.report
 
 import android.os.Bundle
 import android.view.View
+import androidx.fragment.app.activityViewModels
+import androidx.lifecycle.flowWithLifecycle
+import androidx.lifecycle.lifecycleScope
+import com.github.mikephil.charting.charts.LineChart
+import com.github.mikephil.charting.components.XAxis
+import com.github.mikephil.charting.data.LineData
+import com.github.mikephil.charting.data.LineDataSet
+import com.github.mikephil.charting.formatter.ValueFormatter
 import com.kkkk.core.base.BaseFragment
+import com.kkkk.core.extension.colorOf
+import com.kkkk.core.extension.stringOf
 import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.flow.distinctUntilChanged
+import kotlinx.coroutines.flow.launchIn
+import kotlinx.coroutines.flow.onEach
 import kr.genti.presentation.R
 import kr.genti.presentation.databinding.FragmentReportBinding
+import java.text.SimpleDateFormat
+import java.util.Locale
 
 @AndroidEntryPoint
 class ReportFragment : BaseFragment<FragmentReportBinding>(R.layout.fragment_report) {
+
+    private val viewModel by activityViewModels<ReportViewModel>()
+
     override fun onViewCreated(
         view: View,
         savedInstanceState: Bundle?,
     ) {
         super.onViewCreated(view, savedInstanceState)
 
+        binding.vm = viewModel
+        observeReportMonth()
+        observeChartEntry()
+    }
+
+    private fun observeReportMonth() {
+        viewModel.reportMonth.observe(viewLifecycleOwner) { month ->
+            binding.tvReportMonth.text = when (month) {
+                1 -> stringOf(R.string.report_tv_month_1)
+                3 -> stringOf(R.string.report_tv_month_3)
+                6 -> stringOf(R.string.report_tv_month_6)
+                else -> return@observe
+            }
+            viewModel.setGraphValue()
+        }
+    }
+
+    private fun observeChartEntry() {
+        viewModel.chartEntry.flowWithLifecycle(lifecycle).distinctUntilChanged().onEach {
+            if (it.isNotEmpty()) {
+                binding.chartReport.apply {
+                    data = LineData(
+                        LineDataSet(
+                            viewModel.chartEntry.value,
+                            CHART_REPORT
+                        ).setDataSettings()
+                    )
+                    invalidate()
+                }
+                setGraphSettings()
+            }
+        }.launchIn(lifecycleScope)
+    }
+
+    private fun LineDataSet.setDataSettings(): LineDataSet {
+        this.apply {
+            color = colorOf(R.color.purple_50)
+            circleRadius = 8f
+            setCircleColor(colorOf(R.color.purple_50))
+            setDrawFilled(true)
+            setDrawValues(false)
+            lineWidth = 4F
+            setDrawCircleHole(false)
+            fillColor = colorOf(R.color.purple_10)
+            fillAlpha = 255
+            isHighlightEnabled = false
+            mode = LineDataSet.Mode.LINEAR
+        }
+        return this
+    }
+
+    private fun setGraphSettings() {
+        binding.chartReport.apply {
+            setXAxisSettings(this)
+            setYAxisSettings(this)
+            setCommonSettings(this)
+        }
+    }
+
+    private fun setXAxisSettings(chart: LineChart) {
+        chart.xAxis.apply {
+            valueFormatter = object : ValueFormatter() {
+                override fun getFormattedValue(value: Float): String? {
+                    return if (value.toInt() in viewModel.nowList.indices) {
+                        DATE_FORMAT.parse(viewModel.nowList[value.toInt()].second)
+                            ?.let { DISPLAY_DATE_FORMAT.format(it) }
+                    } else {
+                        ""
+                    }
+                }
+            }
+            position = XAxis.XAxisPosition.BOTTOM
+            granularity = 1f
+            axisMinimum = 0.7f
+            axisMaximum = viewModel.chartEntry.value.size - 0.8f
+            setDrawGridLines(false)
+            setDrawAxisLine(false)
+            textSize = 15f
+            textColor = colorOf(R.color.gray_600)
+        }
+    }
+
+    private fun setYAxisSettings(chart: LineChart) {
+        chart.axisLeft.apply {
+            isEnabled = false
+            axisMaximum = 100f
+        }
+        chart.axisRight.isEnabled = false
+    }
+
+    private fun setCommonSettings(chart: LineChart) {
+        chart.apply {
+            legend.isEnabled = false
+            description.isEnabled = false
+            setScaleEnabled(false)
+            setDragEnabled(false)
+            setExtraOffsets(0f, 0f, 0f, 20f)
+        }
+    }
+
+    companion object {
+        private const val CHART_REPORT = "CHART_REPORT"
+        val DATE_FORMAT = SimpleDateFormat("yyyy-MM-dd", Locale.getDefault())
+        val DISPLAY_DATE_FORMAT = SimpleDateFormat("MM/dd", Locale.getDefault())
     }
 }
\ No newline at end of file
diff --git a/presentation/src/main/java/com/kkkk/presentation/main/report/ReportViewModel.kt b/presentation/src/main/java/com/kkkk/presentation/main/report/ReportViewModel.kt
new file mode 100644
index 0000000..b2491d1
--- /dev/null
+++ b/presentation/src/main/java/com/kkkk/presentation/main/report/ReportViewModel.kt
@@ -0,0 +1,65 @@
+package com.kkkk.presentation.main.report
+
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import com.github.mikephil.charting.data.Entry
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import javax.inject.Inject
+
+@HiltViewModel
+class ReportViewModel
+@Inject
+constructor(
+    // private val authRepository: AuthRepository,
+) : ViewModel() {
+
+    val isChangingMonth = MutableLiveData<Boolean>(false)
+    val reportMonth = MutableLiveData<Int>(3)
+
+    val mockList = listOf(
+        Pair(10f, "2024-02-28"),
+        Pair(20f, "2024-03-28"),
+        Pair(20f, "2024-04-02"),
+        Pair(30f, "2024-04-29"),
+        Pair(10f, "2024-05-08"),
+        Pair(20f, "2024-05-18"),
+        Pair(20f, "2024-05-22"),
+        Pair(30f, "2024-06-09"),
+        Pair(100f, "2024-06-13"),
+        Pair(90f, "2024-06-23")
+    )
+    var nowList = listOf<Pair<Float, String>>()
+
+    private val _chartEntry = MutableStateFlow<MutableList<Entry>>(mutableListOf())
+    val chartEntry: StateFlow<MutableList<Entry>> = _chartEntry
+
+    init {
+        setGraphValue()
+    }
+
+    fun setIsChangingMonth() {
+        isChangingMonth.value = isChangingMonth.value?.not() ?: false
+    }
+
+    fun setReportMonth(month: Int) {
+        reportMonth.value = month
+        isChangingMonth.value = false
+    }
+
+    fun setGraphValue() {
+        // TODO 서버 붙이고 수정
+        nowList = when (reportMonth.value) {
+            1 -> mockList.subList(5, 10)
+            3 -> mockList.subList(2, 10)
+            6 -> mockList.subList(0, 10)
+            else -> return
+        }
+        val tempList = arrayListOf<Entry>()
+        nowList.forEachIndexed { index, (value, _) ->
+            tempList.add(Entry(index.toFloat(), value))
+        }
+        _chartEntry.value = tempList
+    }
+}
\ No newline at end of file
diff --git a/presentation/src/main/res/drawable/ic_drop_down.xml b/presentation/src/main/res/drawable/ic_drop_down.xml
new file mode 100644
index 0000000..0703360
--- /dev/null
+++ b/presentation/src/main/res/drawable/ic_drop_down.xml
@@ -0,0 +1,16 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="44dp"
+    android:height="44dp"
+    android:viewportWidth="44"
+    android:viewportHeight="44">
+  <path
+      android:pathData="M22,22m-13,0a13,13 0,1 1,26 0a13,13 0,1 1,-26 0"
+      android:fillColor="#784DF0"/>
+  <path
+      android:pathData="M17,20L22,25L27,20"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#FDFDFD"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/ic_drop_up.xml b/presentation/src/main/res/drawable/ic_drop_up.xml
new file mode 100644
index 0000000..949cb69
--- /dev/null
+++ b/presentation/src/main/res/drawable/ic_drop_up.xml
@@ -0,0 +1,16 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="44dp"
+    android:height="44dp"
+    android:viewportWidth="44"
+    android:viewportHeight="44">
+  <path
+      android:pathData="M22,22m-13,0a13,13 0,1 1,26 0a13,13 0,1 1,-26 0"
+      android:fillColor="#784DF0"/>
+  <path
+      android:pathData="M27,24L22,19L17,24"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#FDFDFD"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/ic_next_purple.xml b/presentation/src/main/res/drawable/ic_next_purple.xml
new file mode 100644
index 0000000..e7a67b4
--- /dev/null
+++ b/presentation/src/main/res/drawable/ic_next_purple.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="10dp"
+    android:height="16dp"
+    android:viewportWidth="10"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M3,13L8,8L3,3"
+      android:strokeLineJoin="round"
+      android:strokeWidth="1.5"
+      android:fillColor="#00000000"
+      android:strokeColor="#784DF0"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/presentation/src/main/res/drawable/shape_gray100_fill_8_rect.xml b/presentation/src/main/res/drawable/shape_gray100_fill_8_rect.xml
new file mode 100644
index 0000000..35de093
--- /dev/null
+++ b/presentation/src/main/res/drawable/shape_gray100_fill_8_rect.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@color/gray_100" />
+    <corners
+        android:radius="8dp" />
+</shape>
\ No newline at end of file
diff --git a/presentation/src/main/res/drawable/shape_gray300_dash_line.xml b/presentation/src/main/res/drawable/shape_gray300_dash_line.xml
new file mode 100644
index 0000000..83fa19f
--- /dev/null
+++ b/presentation/src/main/res/drawable/shape_gray300_dash_line.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="line">
+    <stroke
+        android:width="1dp"
+        android:color="@color/gray_300"
+        android:dashWidth="6dp"
+        android:dashGap="6dp"/>
+</shape>
\ No newline at end of file
diff --git a/presentation/src/main/res/layout/fragment_report.xml b/presentation/src/main/res/layout/fragment_report.xml
index 71cbc96..2669a5e 100644
--- a/presentation/src/main/res/layout/fragment_report.xml
+++ b/presentation/src/main/res/layout/fragment_report.xml
@@ -1,9 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto">
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
 
     <data>
 
+        <import type="android.view.View" />
+
+        <variable
+            name="vm"
+            type="com.kkkk.presentation.main.report.ReportViewModel" />
+
     </data>
 
     <androidx.constraintlayout.widget.ConstraintLayout
@@ -11,14 +18,187 @@
         android:layout_height="match_parent">
 
         <TextView
+            android:id="@+id/tv_report_month"
+            style="@style/TextAppearance.Stempo.Head1"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="32dp"
+            android:onClick="@{() -> vm.setIsChangingMonth()}"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:text="3개월" />
+
+        <ImageView
+            android:id="@+id/btn_change_month"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:onClick="@{() -> vm.setIsChangingMonth()}"
+            android:src="@{vm.isChangingMonth ? @drawable/ic_drop_up : @drawable/ic_drop_down}"
+            app:layout_constraintBottom_toBottomOf="@id/tv_report_month"
+            app:layout_constraintStart_toEndOf="@id/tv_report_month"
+            app:layout_constraintTop_toTopOf="@id/tv_report_month" />
+
+        <LinearLayout
+            android:id="@+id/layout_change_month"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:background="@color/white"
+            android:elevation="5dp"
+            android:gravity="center"
+            android:orientation="vertical"
+            android:visibility="@{vm.isChangingMonth ? View.VISIBLE : View.GONE}"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/btn_change_month">
+
+            <TextView
+                style="@style/TextAppearance.Stempo.Body1"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="@{vm.reportMonth == 1 ? @color/purple_10 : @color/white}"
+                android:onClick="@{() -> vm.setReportMonth(1)}"
+                android:paddingHorizontal="44dp"
+                android:paddingVertical="9dp"
+                android:text="@string/report_tv_month_1"
+                android:textColor="@{vm.reportMonth == 1 ? @color/purple_50 : @color/gray_300}" />
+
+            <TextView
+                style="@style/TextAppearance.Stempo.Body1"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="@{vm.reportMonth == 3 ? @color/purple_10 : @color/white}"
+                android:onClick="@{() -> vm.setReportMonth(3)}"
+                android:paddingHorizontal="44dp"
+                android:paddingVertical="9dp"
+                android:text="@string/report_tv_month_3"
+                android:textColor="@{vm.reportMonth == 3 ? @color/purple_50 : @color/gray_300}" />
+
+            <TextView
+                style="@style/TextAppearance.Stempo.Body1"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:background="@{vm.reportMonth == 6 ? @color/purple_10 : @color/white}"
+                android:onClick="@{() -> vm.setReportMonth(6)}"
+                android:paddingHorizontal="44dp"
+                android:paddingVertical="9dp"
+                android:text="@string/report_tv_month_6"
+                android:textColor="@{vm.reportMonth == 6 ? @color/purple_50 : @color/gray_300}" />
+
+        </LinearLayout>
+
+        <TextView
+            android:id="@+id/tv_report_title"
             style="@style/TextAppearance.Stempo.Head1"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:text="기록"
+            android:layout_marginStart="18dp"
+            android:layout_marginTop="-5dp"
+            android:text="@string/report_tv_title"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/tv_report_month" />
+
+        <View
+            android:id="@+id/border_chart_top"
+            android:layout_width="0dp"
+            android:layout_height="2dp"
+            android:layout_marginStart="20dp"
+            android:layout_marginTop="14dp"
+            android:layout_marginEnd="16dp"
+            android:background="@drawable/shape_gray300_dash_line"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="@id/chart_report" />
+
+        <View
+            android:id="@+id/border_chart_mid"
+            android:layout_width="0dp"
+            android:layout_height="2dp"
+            android:background="@drawable/shape_gray300_dash_line"
+            app:layout_constraintBottom_toBottomOf="@id/border_chart_bottom"
+            app:layout_constraintEnd_toEndOf="@id/border_chart_top"
+            app:layout_constraintStart_toStartOf="@id/border_chart_top"
+            app:layout_constraintTop_toTopOf="@id/border_chart_top" />
+
+        <View
+            android:id="@+id/border_chart_bottom"
+            android:layout_width="0dp"
+            android:layout_height="2dp"
+            android:layout_marginBottom="37dp"
+            android:background="@drawable/shape_gray300_dash_line"
+            app:layout_constraintBottom_toBottomOf="@id/chart_report"
+            app:layout_constraintEnd_toEndOf="@id/border_chart_top"
+            app:layout_constraintStart_toStartOf="@id/border_chart_top" />
+
+        <com.github.mikephil.charting.charts.LineChart
+            android:id="@+id/chart_report"
+            android:layout_width="0dp"
+            android:layout_height="300dp"
+            android:layout_marginHorizontal="5dp"
+            android:layout_marginTop="26dp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/tv_report_title" />
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:id="@+id/layout_report_achieve"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
+            app:layout_constraintTop_toBottomOf="@id/chart_report">
+
+            <TextView
+                android:id="@+id/tv_report_achieve_title"
+                style="@style/TextAppearance.Stempo.Head3"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="18dp"
+                android:text="@string/report_tv_achieve_title"
+                app:layout_constraintBottom_toBottomOf="@id/btn_achievement_full"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent" />
+
+            <LinearLayout
+                android:id="@+id/btn_achievement_full"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="18dp"
+                android:background="@drawable/shape_purple50_line_17_rect"
+                android:gravity="center"
+                android:orientation="horizontal"
+                android:paddingHorizontal="12dp"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintTop_toTopOf="parent">
+
+                <TextView
+                    style="@style/TextAppearance.Stempo.Body2"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="@string/report_btn_achieve_full"
+                    android:textColor="@color/purple_50" />
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="1dp"
+                    android:layout_marginTop="1dp"
+                    android:src="@drawable/ic_next_purple" />
+
+            </LinearLayout>
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="0dp"
+                android:layout_height="134dp"
+                android:layout_marginHorizontal="16dp"
+                android:layout_marginTop="8dp"
+                android:background="@drawable/shape_gray100_fill_8_rect"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toBottomOf="@id/btn_achievement_full" />
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 </layout>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/strings.xml b/presentation/src/main/res/values/strings.xml
index d172eac..d6f9f97 100644
--- a/presentation/src/main/res/values/strings.xml
+++ b/presentation/src/main/res/values/strings.xml
@@ -23,6 +23,14 @@
     <string name="rhythm_btn_change_level">단계 변경하기</string>
     <string name="rhythm_btn_submit_level">완료하기</string>
 
+    <string name="report_tv_title">동안의 성과에요!</string>
+    <string name="report_tv_achieve_title">달성한 업적</string>
+    <string name="report_btn_achieve_full">전체보기</string>
+
+    <string name="report_tv_month_1">1개월</string>
+    <string name="report_tv_month_3">3개월</string>
+    <string name="report_tv_month_6">6개월</string>
+
     <string name="onboarding_start_tv_title">리듬 추천을 위해\n보행속도 정보가 필요해요\n진행하시겠어요?</string>
     <string name="onboarding_start_measure_button">보행속도 측정하기</string>
 
@@ -31,4 +39,5 @@
 
     <string name="onboarding_end_tv_title">측정이 완료되었습니다</string>
     <string name="onboarding_end_tv_subtitle">스템포를 시작해볼까요?</string>
+
 </resources>
\ No newline at end of file