Дмитрий Гусев

e.stopPropagation() в обработчике дочернего элемента

www.dropzonejs.com

Используйте IDE, например webstorm умеет преобразовывать jade-подобный синтаксис в html
.classname -> tab -> <div class="classname></div>

+ еще посмотрите в сторону например https://bootstrapstudio.io/, накидать основной каркас верстки уже под бутстрап проще простого

ну если через js то примерно так:

1. при загрузке страницы запоминаете текущие размеры прямоугольника и ширину браузера
   
2. подписываетесь на событие ресайза окна
   
3. в обработчике события получаете новую ширину окна
   
4. высчитываете коефициент
   
5. применяете его к размерам прямоугольника
   

Если скорость добавления новых записей низкая - то можете делать выборку данных из базы, записывать все в некую глобальную/локальную в данной области видимости переменную, и все последующие чтения брать из переменной, вместо запроса к бд.
Когда добавляется новая запись - делать новый запрос к базе, и снова все писать в глобальную переменную.
Этакое кэширование в памяти на коленке.

Или посмотрите попробуйте кэшировать все через редис https://github.com/conancat/mongoose-redis-cache

Я бы сделал так:
с бекенда передавал бы текущий курс валют по отношению к основной вида:

rates = {
usd:100,
eur:100
rub: 100
uah:100
}

а дальше скриптом проходился бы по элементам
.price[data-value]
и по курсу считал бы итоговую стоимость

Курс валют можно брать по АПИ почти любого банка

Покажите код запроса вашего, будет проще подсказать

www.kendoui.com смотрите раздел dataviz