Squeak.ru - шаблоны программирования

Производительность древовидной карты D3 с большими объемами данных

Итак, моя проблема заключается в том, что я передаю большой файл JSON (я не уверен в точном размере, но он очень большой) в масштабируемую древовидную карту D3.

Я делаю это с помощью вызова AJAX к серверной части Python. Производительность моего браузера просто полностью снижается, когда я загружаю файл, для его появления требуется 5-10 минут.

Мне просто интересно, есть ли какие-нибудь варианты, которые помогут с производительностью? Возможно, рендеринг на стороне сервера?

Это первый раз, когда я столкнулся с такой проблемой производительности, поэтому я действительно не уверен, куда идти. Любая помощь будет оценена по достоинству.


Ответы:


1

Если простая загрузка json слишком тяжела для браузера, то выполнение полного рендеринга на стороне сервера не поможет, так как визуализируемый объект так или иначе будет включать в себя тот же объем данных.

Но я думаю, вы не можете показать столько данных сразу. Поскольку вы собираетесь использовать визуализатор с возможностью масштабирования, вам, вероятно, следует загружать только те данные, которые видны в текущем масштабе, в текущем окне (как это делает любое картографическое приложение: вы не можете просто загрузить всю карту мира на уровне улицы). сразу, но масштабирование может пройти гладко). Quadtrees обычно весьма полезны для этой задачи.

13.04.2016
Новые материалы

Угловая структура архитектуры
Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..

«Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..

Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...

Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..

Создайте API с помощью Python FastAPI
Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек. Каждой..

Веселье с прокси-сервером JavaScript
Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример: Связь клиент-сервер Мы..

Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...