From c1fa9698331758e5be985855e7652b0a7383d9ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=E1=BA=A7n=20=C4=90=C3=ACnh=20Huy?= <kingonwork@gmail.com>
Date: Sun, 30 Aug 2026 17:47:17 +0700
Subject: [PATCH] docs: make usage example self-contained

---
 README.md | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 2ce7287..a2126fb 100644
--- a/README.md
+++ b/README.md
@@ -42,11 +42,15 @@ yarn add <b>react-native-graph</b>
 ## Usage
 
 ```tsx
-import { LineGraph } from 'react-native-graph';
+import { LineGraph, type GraphPoint } from 'react-native-graph';
 
-function App() {
-  const priceHistory = usePriceHistory('ethereum');
+const priceHistory: GraphPoint[] = [
+  { date: new Date('2026-08-27T00:00:00Z'), value: 3.44 },
+  { date: new Date('2026-08-28T00:00:00Z'), value: 3.51 },
+  { date: new Date('2026-08-29T00:00:00Z'), value: 3.49 },
+];
 
+function App() {
   return (
     <LineGraph
       style={{ height: 200 }}
@@ -58,6 +62,8 @@ function App() {
 }
 ```
 
+`react-native-graph` does not fetch data or provide a `usePriceHistory` hook. Create the `GraphPoint[]` from your own API, state, or local data. Each point uses a `Date` for its horizontal position and a `number` for its vertical value; keep the points ordered from oldest to newest. Categorical string values are not supported on the x-axis.
+
 ## Configuration
 
 `LineGraph` accepts the following props. It also accepts React Native [`ViewProps`](https://reactnative.dev/docs/view#props), which are forwarded to the root view.