Como passar variáveis e dados do PHP para o JavaScript?

Olá a todos! Sou um desenvolvedor PHP iniciante e me deparei com um problema que parece muito simples, mas não consigo encontrar a solução correta. Tenho um site em PHP e, em uma das páginas, obtenho dados do banco de dados MySQL. Por exemplo, quero exibir uma lista de produtos com preços e descrições. Consigo exibir isso facilmente em HTML usando echo e loops. Mas agora preciso passar esses mesmos dados para o JavaScript, por exemplo, para fazer uma filtragem interativa de produtos no lado do cliente ou construir um gráfico de preços. Aqui está um exemplo do meu código PHP que obtém os dados: ```php 'Notebook', 'price' => 50000, 'category' => 'Eletrônicos'], ['name' => 'Livro', 'price' => 500, 'category' => 'Livros'], ['name' => 'Telefone', 'price' => 25000, 'category' => 'Eletrônicos'] ]; // Depois eu exibo isso em HTML ?> ``` O problema é que não entendo como fazer para que a variável `$products` fique disponível no meu código JavaScript. Tentei simples