Chart TradingView

Projeto de visualização de gráficos usando TradingView.

This project demonstrates a real-time TradingView chart embedded in an index.html file.
It provides users with the ability to search and visualize any available asset (stocks, crypto, forex, indices, and more) directly within the chart interface.

---

🚀 Features

• 📊 Real-time chart updates powered by TradingView.
• 🔍 Search option to find and display any asset (symbol, stock, cryptocurrency, forex pair, etc.).
• 🌐 Wide coverage of global markets.
• ⚡ Lightweight and responsive interface, built with plain HTML and JavaScript.
• 🖥️ Works directly in the browser without additional backend configuration.

---

📂 Project Structure

---

📖 How It Works

1. Open index.html in any modern browser.
2. The TradingView widget will load with a default chart.
3. Use the search option inside the chart to find any asset by its ticker or name.
   • Example: AAPL (Apple), BTCUSD (Bitcoin/USD), EURUSD (Euro/US Dollar).

---

⚙️ Requirements

• A modern web browser (Chrome, Edge, Firefox, Safari).
• Internet connection (TradingView widget loads data from the web).

---

🛠️ Setup & Usage

1. Clone or download this repository.
2. Open the index.html file directly in your browser.
3. Start exploring markets in real time.

---

📌 Notes

• The TradingView widget is embedded and uses TradingView’s official API for charts.
• No server or database is required to run this project.
• You can customize chart styles, default assets, and layout by editing the TradingView widget configuration in index.html.

---

📜 License

This project is for educational and personal use only.
Charts and market data are provided by TradingView.

project/ │── index.html # Main page containing the TradingView chart widget │── README.md # Project documentation

|__package.json

🚀 Funcionalidades

• ✅ Gráfico TradingView com troca dinâmica de ativos

---

📖 How It Works

1. Open index.html in any modern browser.
2. The TradingView widget will load with a default chart.
3. Use the search option inside the chart to find any asset by its ticker or name.
   • Example: AAPL (Apple), BTCUSD (Bitcoin/USD), EURUSD (Euro/US Dollar).

---

⚙️ Requirements

• A modern web browser (Chrome, Edge, Firefox, Safari).
• Internet connection (TradingView widget loads data from the web).

---

🛠️ Setup & Usage

1. Clone or download this repository.
2. Open the index.html file directly in your browser.
3. Start exploring markets in real time.

---

📌 Notes

• The TradingView widget is embedded and uses TradingView’s official API for charts.
• No server or database is required to run this project.
• You can customize chart styles, default assets, and layout by editing the TradingView widget configuration in index.html.

---

📜 License

This project is for educational and personal use only.
Charts and market data are provided by TradingView.

🏃‍♂️ How to Run the Project

To run this project locally, follow these steps:

1. Make sure you have Node.js installed on your computer.
2. Clone or download this repository to your local machine.
3. Open a terminal in the project folder.
4. Install the project dependencies by running:

   npm install

Start the development server with:

bash Copiar código npm run dev or

bash Copiar código npm start Your default browser will open the index.html file automatically, displaying the real-time TradingView chart.

python serve

Execute em servidor local (python -m http.server 8000)

Acesse http://localhost:8000

Para desenvolvimento, recomendo usar um servidor local (ex: VSCode Live Server).

🛠️ Tecnologias Utilizadas

• Frontend: HTML5,
• Gráficos: TradingView Widget

📦 Instalação e Uso

1. Clone o repositório:

git clone <url-do-repositorio>
cd chart-tradingview


## 👩‍💻 Author
Developed by **gislaine-fullstack** 🚀