К основному контенту

Google Chart Tools - Google диаграммы для вставки на сайт или блог

Медиатека предпринимателя – онлайн-помощь начинающим бизнесменам
Dropbox Automator - автоматизация сервиса Dropbox
TED-Ed - новый ресурс обучающего видео
Социальные медиа для учителя: инфографика
Электронная книга следующего поколения
Перевернутый класс (Flipped Classroom) в формате инфографики
Звуки космических шагов
Куда пойти учиться на программиста Java и C / C++
Массовые открытые онлайн-курсы (MOOC) все еще актуальны
Для чего нам нужны международные наукометрические базы данных




Препарат Уретрамол считается уникальным революционным средством, которое нацелено на восстановление ценного здоровья мужчины.
заказ на дом — https://goo.gl/5MR9Di — SUPER AKCIJA 1 руб.



https://vk.com/uretramol







Предыдущий пост, посвященный построению диаграмм с помощью веб-сервиса Hohli Online Charts Builder, навел на размышления о том, что где-то должен быть такой же простой, но еще более универсальный способ онлайн-визуализации данных, доступный для применения каждому, и вместе с тем достаточно мощный, чтобы удовлетворить самые изысканные эстетические потребности. Как оказалось, такой способ действительно есть. Это - Google Chart Tools (Google-диаграммы).

Google Chart Tools позволяет без чрезмерных усилий и затрат времени встраивать в веб-страницы и блоги самые разнообразные профессионально оформленные диаграммы практически на любой вкус. Правда, для этого нужно иметь доступ к исходному коду веб-страницы, куда будет вставляться диаграмма.

Чтобы вставить в ваш сайт или блог диаграмму из коллекции Google Chart Tools нужно проделать несколько простых шагов.

Шаг 1. Посетите Charts Gallery - галерею диаграмм Google, которая находится среди многого прочего в разделе Google code, предназначенном, преимущественно для специалистов. Хотя в этот раздел обычно заглядывают лишь веб-разработчики, не бойтесь, вам не придется ничего программировать. В Google Charts Gallery представлены образцы стандартных диаграмм, коды которых разработаны специалистами Google, и без проблем вставляются в любую веб-страницу, а также дополнительные диаграммы (Additional Charts), среди которых можно найти весьма причудливые образцы.



Шаг 2. Выберите понравившийся образец диаграммы, например, круговую диаграмму (Pie Chart). Щелкнув мышью по гиперссылке Pie Chart в заголовке диаграммы, вы перейдете на страницу, где будет представлен образец диаграммы и ее исходный код, который послужит шаблоном для создания вашей диаграммы:



Шаг 3. Чтобы приспособить этот код для ваших нужд, скопируйте его в Блокнот или другой аналогичный текстовый редактор. На рисунке красными рамочками выделена та часть кода, которая нам понадобиться. Остальное удалите. Код в верхней рамочке отвечает за построение диаграммы, но на странице не отображается. Код в нижней рамочке отвечает за отображение диаграммы на веб-странице.

Шаг 4. Отредактируйте код в верхней рамочке, заменив демонстрационные данные на свои. Если внимательно рассмотреть этот код, то совсем нетрудно понять что там к чему. Если непонятно, пишите в комментарии. Отредактированный код вставьте в код своей веб-страницы или блога. Лучше разместить его как можно ближе к началу страницы. Хотя можно и в любом месте, главное, не ниже, чем код в нижней рамочке. Код в нижней рамочке не изменяйте. Вставьте его в код веб-страницы там, где должна отображаться диаграмма. Например, такая, как эта:
Вот примеры других диаграмм.
С помощью Google Chart Tools можно также вставить в блог или на сайт вот такую таблицу.



В разделе Additional Charts можно найти вот такие нестандартные диаграммы.



Редактируя код шаблона, будьте внимательны. Случайно удалив кавычку или скобку вы сделаете код неработоспособным.





Цистоблок капсулы от цистита: начните здоровую жизнь уже сегодня!



Заказать со скидкой 50% — http://shakesclick.com/175T/



https://vk.com/topic-57920576_34773771



#FITOBALT – средство для борьбы с аллергией



https://vk.com/topic-57920576_34771241 — Заказ на сайте скидка 50%



SustaMax - порошок для суставов



SUPER AKCIJA 1 руб. — https://vk.com/topic-57920576_34645387



 

Комментарии

Популярные сообщения из этого блога

#twizzzi

  Tweets Tweets & Replies Media Search Karra Opire @karra_opire 1m Σύμφωνα με τον κατασκευαστή, αυτή η αλοιφή μπορεί να βοηθήσει. horowiki.livejournal.com/143… Karra Opire @karra_opire 3m ...

Такое нельзя пропустить!

Базовая носочная пятка. МК с фотографиями Итальянский способ закрытия петель Тёмная сторона пряжи Трикотажные тренды pret-a-porte Knitting Chart Maker - мобильный редактор схем Чехлы-органайзеры для спиц и крючков Вязание и его техника Ожидания и реальность Домашние, тёплые, мягкие тапочки. Носки на двух спицах без швов - 3 Препарат Уретрамол считается уникальным революционным средством, которое нацелено на восстановление ценного здоровья мужчины. заказ на дом — https://goo.gl/5MR9Di — SUPER AKCIJA 1 руб. https://vk.com/uretramol Ежегодно в крупнейших городах Америка (Нью-Йорк, Чикаго, Лос-Анжелес, Сиэтлл) проходит одно из крупнейших и интереснейших мероприятий, посвященных вязанию, моде и пряже — то есть нашим самым любимым вещам — Vogue Knitting Live. В этом году принимать шоу 24-26 октября будет Чикаго. Организаторы обещают массу вдохновляющих мастер-классов и лекций, посвященных ручному вязанию, и охватывающих самые разнообразные темы. Есть занятия для новичков и...

Летняя панамка для девочки. МК

ТЫЖВЯЗАЛЬЩИК! Тренды осени 2015 - Особенности трикотажных аутфитов 50 оттенков мягкого - Что мы знаем о шерстяных фетишистах? События мая 2015 Чехлы-органайзеры для спиц и крючков Перчатки на двух спицах без шва №1 Chart Minder - онлайн программа для составления схем The magic of Shetland lace knitting. Обзор книги Резинки вдоль и поперёк - 1 Летняя пляжная сумка-авоська. Препарат Уретрамол считается уникальным революционным средством, которое нацелено на восстановление ценного здоровья мужчины. заказ на дом — https://goo.gl/5MR9Di — SUPER AKCIJA 1 руб. https://vk.com/uretramol Май уверенно занял позиции самого теплого весеннего месяца, впереди лето и сегодня мы будем вязать простейшую детскую панамку,-необходимый аксессуар любой барышни. Приступаем Для начала измерим окружность головы (ОГ) и разделим полученное число на 3,14. В результате получим диаметр (Д) дна панамки. Затем измерим расстояние от высшей точки головы до середины уха и отнимем от него половину диаметр...