Как интегрировать фрейм данных json в html-файл

Question

Я сейчас «изучаю» d3js самостоятельно, и я нашел много примеров here. Кажется, что для всех визуализаций нам нужны два разделенных файла. Один из них - скрипт (html-файл), а другой - json-файл, содержащий наш набор данных.

Мне любопытно, есть ли способ помещать json-файл в html-файл, чтобы мы могли иметь только один файл. Я думаю, что я видел пример, подобный этому в Интернете, но я потерял его.

Единственная причина, по которой я хочу сделать это, это то, что если набор данных отделен от html-файла, я не могу использовать Chrome для просмотра моего результата (я думаю, что Chrome блокирует скрипт от чтения локального набора данных). Я могу использовать Firefox, чтобы открыть мой результат, но анимация не работает плавно.

Возможно, некоторые из моих соображений не совсем правы. Но если есть какие-либо предложения, пожалуйста, дайте мне знать. Заранее спасибо.

Answer 1

Если вы используете только один файл HTML, у вас, вероятно, есть тег <script> на вашей странице, где находится весь код. Вы можете определить свои данные как массив Javascript.

Полезно использовать несколько файлов для организации элементов кода, данных и представления (HTML). Страница This дает некоторую помощь в настройке вашего браузера, чтобы вы это сделали. Для Chrome закройте все открытые окна. Затем запустите Chrome из приглашения «Запустить» с помощью этого флага: chrome --allow-file-access-from-files