Пользователь: Cmglee

Привет мир!

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

2021 [ править ]

Пазл «Яйцо Колумба» models.svg ☎ 8 марта 2021 г. [ править ]

• Строительство Яйца Колумба (загадка танграм)

• Некоторые модели, состоящие из 9 и 10 частей.

Недавнее общение с Дэвидом Эппштейном заинтересовало меня дальтонизмом. Цветовая слепота # Классификация научила меня, что поддержка дейтераномалии, протаномалии, протанопии и дейтеранопии делает мои диаграммы доступными для 99,97% зрячих. Используя моделирование из http://color-blindness.com/coblis-color-blindness-simulator , я написал скрипт Python, чтобы придумать веб-безопасную палитру из четырех оттенков (плюс серый), которая максимизирует различия для этих групп и людей с нормальным здоровьем. видение, и нашел лучший компромисс

нелогичная орбитальная механика.svg ☎ 3 февраля 2021 г. [ править ]

При отладке в librsvg ошибки , я узнал об использовании currentColor (без учета регистра) к наследованию цвета в CSS.

Предположим, у нас есть объекты разного цвета, но цвет заливки каждого из них совпадает с цветом обводки , как для пятен и орбит на этой диаграмме.

< style  type = "text / css" > . в сторону  {  fill : # 0000ff ;  ход : # 0000ff ;  } . вперед  {  fill : # 999999 ;  ход : # 999999 ;  } . орбита  {  заполнить : нет ;  } . объект  {  ход : нет ;  } </ style > < g  class ="к" >  < use  class = "orbit"  xlink : href = "#orbit" />  < use  class = "object"  xlink : href = "#object" /> </ g >

работает, но повторяет цветовые коды, что может привести к обновлению одного экземпляра, но не другого. currentColor избегает этого:

. в сторону  {  color : # 0000ff ;  } . вперед  {  color : # 999999 ;  } . орбита  {  заполнить : нет ;  ход : currentColor ;  } . объект  {  fill : currentColor ;  инсульт : нет ;  }

Вверху диаграммы спутник на круговой орбите по часовой стрелке (желтое пятно) запускает объекты незначительной массы:
(1 - синий) в сторону Земли,
(2 - красный) в сторону от Земли,
(3 - серый) в направлении
движение и (4 - черный) назад от направления движения.

Пунктирные эллипсы - орбиты относительно Земли. Сплошные кривые - возмущения относительно спутника: на одной орбите (1) и (2) возвращаются к спутнику, сделав петлю по часовой стрелке с обеих сторон от спутника. Неинтуитивно, (3) спирали все дальше и дальше позади, тогда как (4) спирали впереди.

2020 [ править ]

Шаблон: анимация вращения тел солнечной системы.svg ☎ 31 декабря 2020 г. [ править ]

SVG предоставляет полезный фильтр карты смещения, позволяющий «преломлять» изображение другим. Анимированная подводная сцена слева использует идею из [1] и [2], но меняет оттенок карты, чтобы избежать случайных артефактов.

Вместо того, чтобы анимировать фильтр, я экспериментировал с анимацией объекта, к которому применен фильтр, который «превращает» квадрат в круг, имитируя ортогональную проекцию. Я выбрал девять астрономических объектов с текстурами из общего пользования: category: Solar_System_Scope . Каждая текстура повторялась и прокручивалась по горизонтали с правильной скоростью. После применения фильтра, рассчитанного по формулам из orthographic_map_projection # Mathematics , результат был вырезан, закрашен маской и повернут до правильного осевого наклона. Жалко, что я не мог имитировать сглаживание, поскольку Firefox давал артефакты при попытке масштабировать отфильтрованные изображения.

Наконец, с помощью Wikipedia: SVG_help # Thumbnail_completely_black я добавил неискаженную текстуру, которая сразу же скрывается при запуске анимации, поскольку средство визуализации эскизов не распознает feDisplacementMap.

Анимация показывает, что газовые гиганты вращаются быстрее, чем планеты земной группы, настолько, что они существенно сплющены. Венера на другом полюсе вращается так медленно, что мне пришлось пойти на компромисс в 10 000 × скорости (и поставить маркер), чтобы заметно показать движение, не заставляя Юпитер и Землю вращаться слишком быстро. Мне также кажется интересным, что у Меркурия почти нет наклона или уплощения, но его орбита наклонена на 7 ° к плоскости эклиптики.

Everest-3D-Map-Type-EN.jpg ☎ 30 ноября 2020 г. [ править ]

Интуиция привела меня к этой привлекательной трехмерной карте, и я был рад видеть, что ее автор, Том Паттерсон, щедро поделился ею и другими превосходными картами, находящимися в открытом доступе.

Таким образом, я загрузил три его версии в Commons и назначил английскую версию в качестве избранного изображения . Я рад, что несколько других редакторов и администраторов согласились, и теперь это новейшая избранная карта .

Я написал письмо, чтобы поздравить мистера Паттерсона и спросить, может ли он быть заинтересован в участии в Челленджере или регионе Фарсида . Держим пальцы скрещенными !

Commons: Категория: SVG orb ☎ 18 окт 2020 [ редактировать ]

На заре Интернета веб-разработчики любили использовать изображения стеклянных шаров в качестве маркеров в неупорядоченных списках. Мне понравился стиль блестящего полупрозрачного шара Apple , который можно было воссоздать с помощью двух градиентов и фильтра (без которого «отражение» будет более резким):

 <filter  id = "filter_blur" > <feGaussianBlur  stdDeviation = "4" /> </filter>  <radialGradient  id = "grad_sphere"  cx = "50%"  cy = "50%"  r = "50%"  fx = "50 % "  fy = " 90% " >  <stop  offset = " 0% "  stop-color = " # 000000 "  stop-opacity = " 0 " />  <stop  offset = " 99% "  stop-color = " # 000000 "  stop-opacity = "0,3" /> </radialGradient>  <linearGradient  id = "grad_highlight"  x1 ="0%"  y1 = "0%"  x2 = "0%"  y2 = "100%" >  <stop  offset = "10%"  stop-color = "#ffffff"  stop-opacity = "0.9" />  <stop  offset = "99%"  stop-color = "#ffffff"  stop-opacity = "0" />  </linearGradient>  <g  id = "orb"  stroke = "none" >  <circle  cx = "0"  cy = " 0 "  r = " 100 " /> <circle  cx = "0"  cy = "0"  r = "100"  fill ="url (#grad_sphere)" />  <ellipse  cx = "0"  cy = "-45"  rx = "70"  ry = "50"  fill = "url (#grad_highlight)"  filter = "url (#filter_blur)" />  </g>

Поскольку с тех пор я сделал несколько диаграмм с этим эффектом, я решил поместить их в commons: category: SVG orb , аналогично commons: category: 4-3-2_trimetric_projection .

Шаблон: Аномальная отмена в расчетах ☎ 28 сентября 2020 г. [ править ]

${\displaystyle {\begin{array}{l}\;\;\;{\dfrac {d}{dx}}{\dfrac {1}{x}}\\={\dfrac {d}{d}}{\dfrac {1}{x^{2}}}\\={\dfrac {d\!\!\!\backslash }{d\!\!\!\backslash }}{\dfrac {1}{x^{2}}}\\=-{\dfrac {1}{x^{2}}}\end{array}}}$

Аномальная
отмена
в исчислении

Публикация этого месяца посвящена математическим шуткам и совпадениям .

40000 км (25000 миль) часто встречается в статистике о Земле :

Радиус геостационарной орбиты , 42 164 км (26 199 миль), находится в пределах 0,02% от изменения расстояния до Луны за месяц (разница между ее апогеем и перигеем), 42 171 км (26 204 миль) и 5% погрешности измерения. длина экватора - 40 075 километров (24 901 миль). Точно так же скорость убегания Земли составляет 40 270 км / ч (25 020 миль в час).

С другой стороны, я нахожу забавными некоторые ошибочные доводы, такие как вышеупомянутая аномальная отмена, которая имеет приоритет .
${\displaystyle {\begin{array}{ll}{\frac {19}{95}}\!\!=\!\!{\frac {1\not 9}{\not 95}}\!\!=\!\!{\frac {1}{5}}&{\frac {16}{64}}\!\!=\!\!{\frac {1\not 6}{\not 64}}\!\!=\!\!{\frac {1}{4}}\\{\frac {26}{65}}\!\!=\!\!{\frac {2\not 6}{\not 65}}\!\!=\!\!{\frac {2}{5}}&{\frac {49}{98}}\!\!=\!\!{\frac {4\not 9}{\not 98}}\!\!=\!\!{\frac {4}{8}}\!\!=\!\!{\frac {1}{2}}\end{array}}}$

Также забавно это правдивое наблюдение:

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

Мнемонический принцип закона Ома.svg ☎ 23 августа 2020 г. [ править ]

Мне вспомнились «треугольники формул», которые я придумал, чтобы запоминать простые формулы в школе, и обнаружил, что в Википедии не было диаграммы, показывающей их использование, поэтому нарисовал это. Хотя он наиболее известен благодаря закону Ома, его можно применить к любой формуле в форме a = b  ·  c  ·  d  ·… (каждый параметр может быть функцией, но нужно брать обратную величину). Таким образом, ниже я нарисовал диаграмму для школьников-физиков. Точный выбор зависит от программы, но я думаю, что я рассмотрел общие.

• Мнемоника изображений в стиле треугольника формулы закона Ома для школьной физики

• Сравнение спектров дифракции и преломления.

Что касается мнемоники, то я недавно обнаружил одну, которая запоминает порядок цветов (я знаю, Рой Дж. Бив , но в каком направлении?) В спектрах преломления и дифракции: R ed R efraction R educed. Я изо всех сил , чтобы найти эквивалент дифракции , пока я не заметил прослеживания: Diff raction является Diff различны !

В случае с радугой все наоборот: можно было бы ожидать, что красный будет внутри, но есть одно отражение в каплях дождя для основной и два для вторичной радуги . Подходящей мнемоникой является R ed R ainbow R im !

исторические тригонометрические функции graph.svg ☎ 4 июл 2020 [ править ]

Я только что нашел способ еще больше улучшить SVG в качестве учебных пособий, выделив две разные части диаграмм, чтобы сравнить их, используя только CSS (SMIL позволяет выделять любое количество частей, но код более громоздкий, и были планы отказаться от SMIL. ). В этом примере графика предположим, что преподаватель хочет указать, что функция веркосинуса - это просто функция косинуса плюс один. На устройстве с включенным мышью он или она может щелкнуть график cos, чтобы выделить его (другие графики затемнены), затем навести указатель мыши на график веркозина, чтобы убрать его и поставить вокруг него желтое свечение.

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

<style  type = "text / css" >.main: hover {fill-opacity: 0,2; непрозрачность обводки: 0,2; }.active: hover {заливка-непрозрачность: 1; непрозрачность обводки: 1; фильтр: url (#filter_glow); }.active: focus {заливка-непрозрачность: 1; непрозрачность обводки: 1; наброски: нет; }.nofade {непрозрачность заливки: 1; непрозрачность обводки: 1; }</style> <filter  id = "filter_glow" >  <feGaussianBlur  in = "SourceAlpha"  stdDeviation = "2" />  <feColorMatrix  in = "blur"  type = "matrix"  values ​​= "0,0,0,0,1 0,0,0,0,1 0,0,0,0,0 0,0,0,2,0 " />  <feBlend  in = " SourceGraphic " /> </filter>

Наконец, каждая интерактивная часть определяется следующим образом:

<a  class= "active"  xlink:href= "#"> ... </a>

Другое использование может быть многоэтапным раскрытием информации. Например, головоломка может показывать подсказку при наведении курсора и ответ при нажатии. Интересно, как еще можно использовать этот механизм ...

Круги квадратной волны ряда Фурье animation.svg ☎ 28 июня 2020 г. [ править ]

Ранее я создал серию анимаций GIF, визуализирующих ряды Фурье, и хотел преобразовать их в анимацию SVG, но тогда не знал, как делать плавные вложенные анимированные объекты; мой файл: Rolling_circle_optical_illusion.svg был довольно отрывистым.

Когда я столкнулся с парадоксом вращения монеты , я попробовал еще раз. Он содержит две анимации: круг, катящийся по линии, и другой, вращающийся вокруг другого круга. Я обнаружил, что вложенные преобразования без каких-либо других промежуточных преобразований работают хорошо:

<g  class = "move2" >  <use  class = "rot1"  xlink: href = "#r" /> </g>...<g  class = "rot2" >  <g  transform = "translate (0, -944)" >  <use  class = "rot1"  xlink: href = "#r" />  </g> </g>

где move2 , rot1 и rot2 - это CSS-анимации, а r - круг для анимации.

После успеха я решил заняться проблемой преобразования Фурье. Самым сложным была синхронизация анимации. В отличие от анимации, скажем, в JavaScript, в котором можно указать поворот и перевод каждого кадра, анимация CSS требует указания периода каждой анимации. Ошибки округления накапливаются, например, если круг A имеет период 1 с, а B - 0,33 с, тогда как изначально A кажется, что он вращается в 3 раза быстрее, чем B, после 300 оборотов B будет отставать на один оборот. Решение, которое я нашел, заключалось в том, чтобы все периоды составляли доли их наименьшего общего кратного . θмножители равны 1, 3, 5 и 7. Кроме того, для комбинированного рисунка мне понадобился еще один период, чтобы вычесть вращение зеленого круга из желтого круга и т. д., таким образом, эффективный множитель 2. Поскольку они взаимно просты, их НОК составляет 2 × 1. × 3 × 5 × 7 = 210. Таким образом, я выбрал 21 с для желтого круга, получив 7 с, 4,2 с и 3 с для других кругов и 10,5 с для разницы. (Я знаю, что квинты, например, 4.2 не могут быть определены точно в двоичном формате (поскольку 1/3 не может быть в десятичном), но думаю, что ошибка незначительна.) После многих проб и ошибок это сработало !

ОБНОВЛЕНИЕ 1 ИЮЛЯ 2020 ГОДА: Сделана анимация планетарных шестерен ...

ОБНОВЛЕНИЕ 26 ИЮЛЯ 2020 ГОДА: ... и эта анимация тригонометрических функций на единичном круге .

Шаблон: cubic_interpolation_visualisation.svg ☎ 7 июн 2020 [ редактировать ]

Еще в 2012 году я нарисовал диаграмму слева, чтобы проиллюстрировать линейную интерполяцию. Я думаю, это делает формулу более ясной. Восемь лет я искал эквивалент кубической интерполяции. Поинтересовавшись у справочного стола по математике и прочитав многочлен Лагранжа и кубический сплайн Эрмита , я думаю, что наконец нашел его.

Я узнал, что кубическая интерполяция не уникальна, поскольку существует одна неограниченная степень свободы: полиномиальная интерполяция обсуждает различные подходы. Один, который я нашел подходящим для визуализации, - это Catmull-Rom, который проходит все четыре контрольные точки и, таким образом, может быть выражен с помощью базисных полиномов Лагранжа. Это алгоритм, который я буду использовать в своей повседневной работе !

сравнение 7 мостов Кенигсберга 5 комнатная головоломка graphs.svg ☎ 17 мая 2020 [ редактировать ]

Обсуждение 3D-печати возродило мой давний интерес к прогулкам Эйлера - как нарисовать путь одним непрерывным штрихом без двойного дублирования. Многие знают, что ключ состоит в том, чтобы иметь две или меньше вершин с нечетными ребрами.

Еще в 2015 году я обнаружил, что в статьях- головоломках « Путь Эйлера» , « Семь мостов Кенигсберга» и « Пять комнат» не было диаграмм, которые действительно показывали количество сторон, поэтому нарисовал эту диаграмму. Отрисовав файл: Eulerian_path_puzzles.svg , я вернулся к нему и подумал, что края вершины «9» беспорядочные. В то время я не мог сказать, что вызывает возражения. Я только что понял, что, скорее всего, промежутки между путями не увеличиваются или не уменьшаются монотонно. Я перерисовал их, как показано справа, сделав то, чтобы они начинались почти параллельно, а затем расходились.

Дополнительным преимуществом является то, что он выглядит как маленькое млекопитающее, такое как кошка или лиса, с ушами и усами 🐱

Корсика-географическая карта-стиль no hash-en.svg ☎ 26 апр 2020 [ редактировать ]

Я присоединился к обсуждению Commons_talk: SVG_Translate_tool о SVG Перевести инструмент . Я помог User: Ikonact отладить, почему инструмент не показывает никаких строк для перевода в File: Corsica-geographic_map-en.svg, и обнаружил, что наличие таблицы стилей со стилем селектора идентификатора (начинающимся с # ) приводит к сбою инструмента. Я сообщил об этом как о серьезной ошибке, так как многие SVG используют их. Чтобы обойти эту проблему, я решил изменить id = "main" на class = "main" в моих новых.

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

Действительно полезным выводом из этого упражнения было изучение Commons SVG Checker . Очень полезно иметь возможность видеть отрисованный эскиз и обнаруживать ошибки SVG перед его загрузкой. Хакерство заключается в том, чтобы использовать его для рендеринга файла PNG из SVG без его загрузки - я знаю, что могу загрузить инструменты для этого, но это работает с любого компьютера, ничего не устанавливая !

extract_lang.py ☎ 22 мар 2020 [ править ]

У меня было краткое сотрудничество с @ Juandamec : и @ Kirill Borisenko : по поводу моей инфографики временной шкалы «Семь чудес древнего мира» после того, как они любезно перевели ее на испанский и русский языки соответственно.

Решив превратить его в многоязычный SVG , я не нашел простого способа просмотреть нестандартные языки в браузере перед их загрузкой. Один из способов - установить и изменить язык браузера и перезапустить его, но это больно, и это влияет на весь интерфейс браузера.

Таким образом, я написал сценарий Python3 для извлечения и записи одноязычного файла SVG из многоязычного файла SVG. Поскольку я не мог загрузить файл Python, я скопировал его исходный код в user: cmglee / extract_lang.py, чтобы любой мог скопировать и вставить.

• Найдите линию 50% глины

• Найдите линию 20% ила

• Пересечение совпадает с линией 30% песка.

• Другие точки нанесены

• Текстурный треугольник почвы USDA

Я впервые использовал его, чтобы взломать многоязычную функцию для создания SVG, показывающего шаги по созданию тройного графика , как указано выше. Хорошая вещь в этой технике заключается в том, что редакторы могут обновлять общие элементы, например сетку и оси, в одном файле, а не в нескольких. К сожалению, выбор языковых кодов ограничен, поэтому я выбрал aa , ba , ca и da, чтобы составить разумную последовательность.

Mapquiz USA заявляет SMIL.svg ☎ 9 февраля 2020 г. [ править ]

Я только что обнаружил (как мне кажется) новое приложение для интерактивного SVG без JavaScript: викторину, позволяющую студентам изучить расположение географических объектов, компонентов системы и т. Д. (В основном, любое сопоставление один-к-одному). Мой первый пример касается штатов США.

Интересно, знает ли кто-нибудь здесь об элегантном способе реализации счетчиков без JavaScript . В моем примере студент может начать, скажем, с трех жизней. Каждый неправильный ответ (вызванный элементом «сброс») вычитает одну жизнь. Когда все жизни потеряны, игра окончена. Обходной путь состоит в том, чтобы иметь столько элементов сброса, сколько жизней, и удалять элементы, когда жизни израсходованы. Однако это привело бы к очень избыточному коду :-(

Менее строгая версия просто подсчитывает количество неправильных ответов и показывает его в конце, когда все состояния определены.

В качестве альтернативы я мог бы реализовать таймер, который подсчитывает количество секунд (как в моей демонстрации морфинга ), но приостанавливает его, когда все состояния определены, чтобы показать, сколько времени заняло ученика. Обходной путь - добавить onmousemove="document.getElementsByTagName('svg')[0].pauseAnimations();"экран выигрыша, но:

1. Викимедиа теперь отклоняет файлы с on*атрибутами
2. Мышь необходимо переместить, чтобы остановить таймер

(Я могу сделать версию, в которой таймер отсчитывает до нуля, игра заканчивается, если ученик не может вовремя идентифицировать все состояния, как в моей ракетной игре , хотя ограничение по времени может расстроить учеников.)

Сможете ли вы помочь?

2019 [ править ]

http://commons.wikimedia.org/w/index.php?search=cmglee+aerial 31 декабря 2019 г. [ редактировать ]

Удовольствие от полетов - это видеть и фотографировать виды с воздуха. Я нашел один совет - стрелять как можно перпендикулярно окну и избегать турбулентного выхлопа. Чтобы удалить дымку, используйте быструю маску GIMP, чтобы создать градиентное выделение от ближнего до дальнего, и используйте инструмент «Кривые», чтобы исправить цветовые каналы, особенно синий, и отрегулировать яркость и контраст. Уменьшение насыщенности цвета уменьшает желтизну облаков. Но когда воздух чистый, результаты впечатляют.

• Кембридж

• Англси Аббатство

• Twickenham стадион

• Виндзорский замок

• Bandar Sunway

• Букит Джамбул Комплекс

Выделение SVG на шаблоне при наведении курсора.svg ☎ 17 ноя 2019 [ редактировать ]

Пользователь: Дрейгорич сообщил мне, что транснептуновый объект Ultima Thule был переименован в Аррокот . При проверке пользователя: Mrmw обновления «s в файл: interstellar_probes_trajectory.svg , я думал , что зависания над межзвездным зондом должны выделить все астрономические объекты , он взаимодействовал с, и наоборот. Классифицируя наведенный объект как активный, а связанные с ним объекты как связанные , я понял, что каждая активная группа может содержать копии связанных объектов с указателями-событиями: не установлено, например

<style  type = "text / css" > #main: hover {непрозрачность обводки: 0,05; непрозрачность заливки: 0,05; } .nofade, .active: hover {штрих-непрозрачность: 1; заливка-непрозрачность: 1; } .nofade, .associated {указатель-события: нет; } ...</style>...<g  class = "active" >  <g  class = "associated" >  <use  xlink: href = "# p1" /> <! - Pioneer 11 ->  <use  xlink: href = "# v1" /> < ! - Вояджер 1 ->  <use  xlink: href = "# v2" /> <! - Вояджер 2 ->  </g>  <use  xlink: href = "#s" /> <! - Сатурн -> </g>...

Я сделал этот игрушечный пример, чтобы редакторы могли повторно использовать эту технику, и соответственно обновил файл: interstellar_probes_trajectory.svg .

Collins Scrabble Words 2 письма history.svg ☎ 29 октября 2019 г. [ править ]

В этом году власти English Scrabble добавили три двухбуквенных слова в список допустимых слов :EW, ОК а также ZE - который я прочитал как "ZE EWOK! "Чтобы отметить это событие, я составил эту таблицу, в которой показаны все допустимые двухбуквенные слова, начинающиеся и заканчивающиеся каждой буквой, и отмечены годы изменений (это чудо PH попал).

К сожалению, с V ☹ - если кто-либо из вас когда-либо станет известным и изобрел какую-нибудь технологию или концепцию, включающую видение, пожалуйста, назовите это VI ☺

Иллюзия периферийного дрейфа поля примулы.svg ☎ 23 сентября 2019 г. [ править ]

Commons: Пользователь: Cwtyler сообщил мне об оптической иллюзии периферийного дрейфа, которую я создал пять лет назад; он или она обнаружил, что цвета блекнут после того, как посмотрели на него.

Любопытно, что миниатюра Викимедиа не показывает то, что я задумал изначально: она должна была выглядеть как исправленная версия ниже. Когда у меня возникли проблемы с неправильным преобразованием линейного градиента SVG для схемы моей системы посадки ниже, Пользователь: Glrx научил меня добавлять, gradientUnits="userSpaceOnUse"чтобы librsvg соответствовал современным веб-браузерам. Недостатком является то, что значения x и y нельзя указывать в процентах.

• Иллюзия, похожая на поле первоцвета Китаока Акиёси

• Иллюзия солнечных лучей со сломанным миниатюрой

• Иллюзия солнечных лучей с фиксированным эскизом

• Сравнение систем визуальной посадки

После исправления эскиза я решил визуализировать очень сильную иллюзию периферийного дрейфа. Я обнаружил, что цвет не имеет значения: важна только яркость. Удивительно, но я обнаружил, что если я поверну его (например, на моем телефоне) на 45 ° в любом направлении, дрейф прекратится ! Кто-нибудь может объяснить почему?

Catan Universe fixed setup.svg ☎ 14 сентября 2019 г. [ править ]

Взаимодействие с другими людьми

Продолжая экспериментировать с фильтрами SVG, мне понравилось создавать текстуры для типов местности Катана с помощью feTurbulence :

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

К сожалению, интенсивность текстуры в Firefox и Chrome не совпадает с интенсивностью эскиза Викимедиа (librsvg), текстуры со световыми эффектами становятся слабыми и наоборот. Тем не менее, на графике изображена начальная карта Вселенной Катана , главным моментом которой является относительная вероятность того, что каждое поселение дает урожай. Он кажется немного несбалансированным: в северо-восточном углу есть несколько 12 и единственный общий порт, ограниченный двумя гексами местности.

ОБНОВЛЕНИЕ 17 НОЯБРЯ 2019: Более реальное использование текстур SVG находится в файле: Brooklyn_bridge_section.svg .

Шаблон: roll_pitch_yaw_mnemonic.svg ☎ 18 августа 2019 г. [ редактировать ]

Взаимодействие с другими людьми

Привет из Стокгольмской Викимании 2019 !

Раньше я изо всех сил пытался вспомнить, какие вращения имелись в виду крен, тангаж и рыскание , и наткнулся на мнемонику бейсбольного питчера, выполняющего подачу сверху . Так как при уклонении от руля я увидел кувшин с водой: только одно осмысленное вращение позволяет избежать разлива воды повсюду ! Далее, ролл однозначен применительно к собаке или кошке.

Наконец, есть рыскание. К сожалению, зевок или кивок головой в знак «да» больше похож на смолу. Затем я поискал слова, рифмующиеся со словом «рыскание». «Рисование» описывает движение предплечья художника. Но самым ясным является «door» (которое рифмуется в британском английском без использования буквы «r»: / dɔː /) - конечно, не гаражная разновидность. Отсюда рисунок ...

На стороне SVG нет ничего особенного, за исключением, возможно, использования преобразований масштабирования и поворота , а также наложения фигур для создания псевдо-3D стрелки.

Совокупные результаты лодочной гонки.svg ☎ 29 июня 2019 г. [ править ]

Обновляя этот рисунок, я подумал о том, чтобы заштриховать промежутки между графиками конкурирующих команд, чтобы показать, кто лидирует в любой момент, но не мог придумать элегантного способа в SVG. В этом году мне пришло в голову использовать два пути отсечения: Применение пути отсечения, которое выбирает область над графиком A, к области под графиком B оставляет только области над A, но под B, и наоборот. Рисунок справа наглядно объясняет шаги. Чтобы не перекрывать регионы, я решил сделать это только для Blue Boats.

Чтобы дополнить даты, отображаемые при наведении курсора на график или легенду, я заставил при наведении курсора на пустую область отображать результаты за ближайший год. Интересно, как я могу привлечь внимание к мертвой точке 1877 года ...

Шаблон: Симптомолог ☎ 5 июн 2019 [ править ]

Ян Ферст связался со мной за помощью на видео он работает на . Ему нужен шаблон, показывающий очертание человеческого тела с различными симптомами, наложенными на соответствующие части. Редакторы могут легко указать комбинацию симптомов, показанных с помощью Wikitext.

После некоторых размышлений я решил создать шаблон, обернутый вокруг шаблона: Отметка местоположения + . Я также узнал об использовании

{{#invoke: String | find | haystack| needle}}

чтобы проверить, содержит ли строка другую. Любая комбинация поддерживаемых симптомов может быть указана следующим образом:

{{симптомы мужчины | биберит | тошнота, одышка, покалывание, мышечная слабость}}

Было бы намного лучше, если бы SVG поддерживал возможность включать и отключать свои части без JavaScript. Раньше я обнаружил возможность взломать функциональность systemLanguage , но при наличии только 443 поддерживаемых языков полная свобода поддержки всех 2 ⁿ комбинаций допускает только n = 8 симптомов, несмотря на крайне неинтуитивное сопоставление языковых кодов и комбинаций. Должен быть способ получше ...

Commons: категория: Центральная мечеть Кембриджа ☎ 23 мая 2019 г. [ править ]

У меня был самый неожиданный визит в новую мечеть в Кембридже. Я был очарован его современной деревянной архитектурой с тех пор, как он открылся, и, совершая вечернюю прогулку, решил пройти через ворота. Один джентльмен пригласил меня и моего товарища внутрь, чтобы присоединиться к посту.

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

Излишне говорить, что архитектура была поистине потрясающей, особенно абстрактные деревья и пиксельная арабская кладка. Надо вернуться в дневное время !

Часы работы Кембриджских библиотек.svg ☎ 28 февраля 2019 г. [ править ]

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

Создавая его, я обновил свою функцию Python 2 для чтения и кеширования веб-страниц, изображений и т. Д.:

# do_refresh_cache = True import  os ,  urllib2 ,  time def  read_url ( url ,  headers = {},  path_cache = None ,  is_verbose = True ):  if  ( path_cache  is  None ):  file_cache  =  os . путь . базовое имя ( URL )  path_cache  =  os . путь . присоединиться ( ' % s .cache'  % ( os . path . splitext ( __file__ ) [ 0 ]),  file_cache  if  ( len ( file_cache )  >  0 )  else  ' % s .htm'  %  ( os . path . basename ( url . rstrip ( '/' ))))  if  (( 'do_refresh_cache'  в  globals ()  и  do_refresh_cache )  или  ( не  os. путь . isfile ( path_cache ))):  запрос  =  urllib2 . Запрос ( URL ,  заголовки = заголовки )  попробуйте :  html  =  urllib2 . urlopen ( запрос ) . read ()  кроме  urllib2 . HTTPError  как  e :  html  =  '' ;  print ( e )  попробуйте :  os . македирс (os . путь . dirname ( path_cache ))  кроме  OSError :  передать  с  open ( path_cache ,  'wb' )  как  f_html :  f_html . write ( html )  if  ( is_verbose ):  print ( ' % s > % s '  %  ( url ,  path_cache ))  время . сон ( 1 ) ##  Избегайте ошибки превышения лимита скорости иначе :  с  open ( path_cache )  как  f_html :  html  =  f_html . read ()  if  ( is_verbose ):  print ( '< % s '  %  ( path_cache ))  try :  html  =  html . decode ( 'utf-8' ),  кроме  UnicodeDecodeError :  передать  возврат  html

Ресурс кэшируется по заданному пути [если не указан , базовое имя URL-адреса (если пусто, имя последней папки в URL-адресе, за которым следует .htm ) в папке, названной именем скрипта Python с расширением, замененным на cache ], чтобы при последующих запусках не нужно было снова загружать его. Если глобальная переменная do_refresh_cache имеет значение True , она всегда выбирается. Добавлена ​​задержка в одну секунду, чтобы не перегружать веб-сервер. Затем ресурс возвращается в виде строки Unicode.

В следующем примере извлекается страница с расписанием работы библиотеки совета графства Кембриджшир с использованием простого поддельного заголовка - я обнаружил, что веб-сервер отклоняет запросы без разумного пользовательского агента . Затем html_all можно анализировать по мере необходимости с помощью xml.etree.ElementTree или регулярных выражений .

url  =  'http://cambridgeshire.gov.uk/residents/libraries-leisure-%26-culture/libraries/library-opening-hours/' headers  =  { 'User-Agent' : 'Mozilla' } html_all  =  read_url ( URL ,  заголовки = заголовки )

Я надеюсь поговорить об этом и других методах автоматической генерации SVG с использованием Python на Wikimania 2019 - скрестим пальцы !

межзвездные зонды trajectory.svg ☎ 9 января 2019 г. [ править ]

Кажется, есть определенное увлечение моим старым файлом графика : Voyager_2_velocity_vs_distance_from_sun.svg - он регулярно появляется в случайных местах в Интернете. Я подумал, что было бы здорово иметь карту пяти текущих межзвездных зондов , но ее на удивление трудно найти. Даже у НАСА был только один до начала 90-х годов до запуска New Horizons . Итак, с некоторым трудом мне удалось найти два сайта, которые давали гелиоцентрические координаты этих космических кораблей и планет на каждый день в течение нескольких десятилетий: COHOWeb и Horizons On-Line Ephemeris System .

Во время долгого пути я написал сценарий Python для сопоставления данных в таблицу первого числа каждого месяца. Затем я обновил свой обычный почти многоязычный сценарий, чтобы отобразить орфографические изображения, надеюсь, четко показывая каждую траекторию, особенно гравитацию .

Интересно, это первая карта, на которой показаны все пять зондов на сегодняшний день? !

ОБНОВЛЕНИЕ от 22 ЯНВАРЯ 2019 ГОДА: Я добавил Ultima Thule на графику. Угадайте, что в рендеринге SVG на Python есть одна хорошая вещь: легко добавлять новые тела, с которыми New Horizons столкнется в будущем.

2018 [ править ]

Вписанный конус-сфера цилиндр.svg ☎ 6 декабря 2018 г. [ править ]

Я давно знал, что соотношение объемов конуса, сферы и цилиндра одинакового радиуса и высоты было 1: 2: 3, Архимед считал открытие соотношения 2: 3 своим мастерским ходом .

Таким образом, я был поражен, когда независимо обнаружил, что соотношение их общей площади поверхности, включая крышки, было ϕ : 2: 3 (хорошо, Архимед открыл бит 2: 3). * Это совершенно неожиданный вид золотого сечения , поэтому я просто нужно было обновить мой старый рисунок с моими находками. Уравнение с ϕ и π - насколько это круто?

* Изогнутая поверхность конуса может быть сплющена в сектор радиуса r √5 (используя теорему Пифагора) и длиной дуги 2 π r (окружность колпачка). Поскольку полный круг радиуса r √5 имеет окружность 2 π r √5, наш сектор расширяется1/√5 революции, давая площадь 1/√5· Π ( r √5) ² = π r ²√5. Добавьте колпачок, и общая площадь составит π r ²√5 + π r ² =√5 + 1/2· 2 π r ² = ϕ · 2 π r ² .

PS Еще одно совпадение - соотношение объемов и площадей шара и цилиндров составляет 2: 3. Как показано на графике справа, отношение площади поверхности к объему объекта уменьшается с увеличением округлости и объема. Любопытно, что при переходе от сферы к цилиндру округлость уменьшается, а объем увеличивается с той же скоростью, что и соотношение сохраняется !

Семинар Cambridge Wikidata - Image Workshop ☎ 21 октября 2018 г. [ править ]

Чарльз Мэтьюз убедил меня рассказать об изображениях в Викиданных на вчерашнем семинаре. Ночное ограбление привело к этой лоскутной презентации, касающейся

1. Свойства Викиданных, связанные с изображениями
2. Добавление изображений в запросы SPARQL
3. Использование бесплатного инструмента поиска изображений WikiData
4. Использование WikiShootMe!
5. Трассировка растровых изображений в Inkscape

Магнус Манске любезно сел, ответил на вопросы и указал на ошибки в моем понимании.

Я также показал несколько своих SMIL SVG - анимация Corpus Clock была особенно популярна.

В общем, замечательный маленький день обмена знаниями !

Кембриджские бесплатные теннисные корты.svg ☎ 16 сен 2018 [ править ]

Фильтры SVG позволяют создавать забавные эффекты, как в анимированном свете в анимации снега ниже , но я также нашел для них несколько практических применений. Самыми простыми могут быть тени, чтобы сделать псевдотрёхмерные сцены более реалистичными, например, мягкие тени в числовой графике Платона. Чтобы фильтр был как можно более простым, можно сделать две копии объектов; применение фильтра к нижней копии делает непрозрачные области черными и размывает их:

 <filter  id = "filter_blur" >  <feGaussianBlur  in = "SourceAlpha"  stdDeviation = "2" />  </filter>

И наоборот, можно размыть и превратить непрозрачные области в белый цвет, чтобы вокруг объектов, например текста, появилось свечение, чтобы его было легче читать. FeColorMatrix тег оба цвета Размытые области белые и делает их менее прозрачным, так что план является более отчетливым. Смешивание с SourceGraphic позволяет избежать необходимости в двух копиях объекта:

 <filter  id = "filter_glow" >  <feGaussianBlur  in = "SourceAlpha"  stdDeviation = "1"  result = "blur" />  <feColorMatrix  in = "blur"  type = "matrix"  values ​​= "0,0,0,0, 1 0,0,0,0,1 0,0,0,0,1 0,0,0,8,0 "  result = " white " />  <feBlend  in = " SourceGraphic "in2  = " white " />  </filter>

Последний пример - это то, что я хотел сделать с тех пор, как опубликовал этот вопрос о применении градуированного контура к фигуре , в частности, во втором случае. Фильтр решает эту проблему элегантно; после размытия контур размывается и выделяется жирным шрифтом, а затем компонуется с помощью оператора out :

 <filter  id = "filter_outline" >  <feGaussianBlur  stdDeviation = "4"  result = "blur" />  <feMorphology  in = "blur"  operator = "erode"  radius = "4"  result = "erode" />  <feComposite  operator = "из"  в = "SourceGraphic"  дюйм2 = "подрывать" />  </ фильтр>

На этом изображении свободного теннисного корта показано мое первое использование двух последних техник на текстовых этикетках и границах палат. Развлекайтесь с фильтрами !

Библейский код example.svg ☎ 2 сен 2018 [ править ]

Этот вопрос заставил меня задуматься о вероятности появления ненормативной лексики в строках Base64, которые я использую для встраивания растровых изображений в свой SVG. В качестве оценки по порядку величины предположим, что строка состоит только из букв, а регистр не имеет значения, случайная четырехбуквенная строка имеет1/26 ⁴ ≈ 1/456 976шанс совпадения данного четырехбуквенного слова. Строка размером 1 МБ содержит около 1 миллиона таких строк, поэтому я ожидаю около двух совпадений. Я произвел поиск слова F без учета регистра в моем файле размером 1,9 МБ : Leonardo_da_Vinci_monument_in_Milan.svg (в котором были отдельные строки, но это достаточно близко) и действительно получил три экземпляра. Надеюсь, никто не обиделся на мой SVG !

Это напомнило мне увлечение разоблачением библейского кода в Кембридже примерно в 2010 году. Просматривая его статью, я обнаружил, что PNG справа трудно читать, поскольку текст был заглавным, а «коды» шли снизу справа вверх слева. Я подумал, что могу сделать его более разборчивым и в то же время векторизовать его: я выделил альтернативные слова жирным шрифтом. По совпадению, в правильном случае заглавной была только начальная буква B. Но лучшим изменением было использование 21 столбца вместо 33; при правильном смещении это сделало бы «код» слева направо, а не пересечением.

Поскольку я написал Python, который фактически выполняет поиск по тексту, я решил создать версию с локальным брендом с «wiki» и «pedia» (я не смог найти «wikipedia»). У Genesis было много спичек, поэтому я выбрал тот, где они были плотно упакованы. Я не мог избежать перехода, не искажая слишком сильно «коды» или не делая их справа налево. См. ниже...

• 21-колоночная версия

• Версия "Википедии"

Шаблон: Сравнение веков по пересмотренному юлианскому и григорианскому календарям ☎ 30 августа 2018 г. [ править ]

Я только что узнал о пересмотренном юлианском календаре, который улучшает григорианский календарь . Его формула для определения того, является ли столетний год (номер года, заканчивающийся на «00») високосным, не была очевидна, поэтому я решил нарисовать эту таблицу, которая делает очевидным, что есть 2 високосных года каждые 9 столетий, поскольку по сравнению с 2 каждыми 8 в григорианском. Его разработчик умело расположил два в текущем промежутке в 900 лет, чтобы они совпадали с 2000 и 2400 годами, а это означает, что календари будут идеально совпадать для лет с 1601 по 2799, несмотря на реформу григорианского календаря . На время этого должно хватить !

Сам Wikitext не так уж и интересен, просто оберните таблицу в плавающий div, чтобы имитировать информационное окно. Я не мог использовать класс инфобокса, поскольку ячейки таблицы перестали выравниваться по центру. Я также научился использовать template: navbar, чтобы редакторам было проще редактировать шаблоны, и был удивлен большим количеством шаблонов с галочками и крестиками .

демонстрационный центр ротации с использованием CSS и SMIL.svg ☎ 30 июня 2018 г. [ править ]

Я очень рад, что Винсент Миа Эди Верхейен недавно обратился ко мне за помощью с интерактивным и анимированным SVG - наконец-то нашел человека, который разделяет мой интерес к динамическому SVG !

Он обнаружил, что многие методы CSS или SMIL по-прежнему не работают с Internet Explorer / Edge. Единственной надежной интерактивностью, по-видимому, является наведение курсора, всплывающие подсказки, гиперссылки и изменение указателя (курсора). Судя по всему, селектор : active также позволяет щелкать, но пользователь должен постоянно нажимать кнопку. Похоже, что индустрия перешла на JavaScript (на самом деле неудивительно) - есть ли надежда на то, что Викимедиа разрешит хотя бы часть Javascript для загрузки файлов? :-(

В любом случае, я был рад узнать от Винсента о теге символа , который используется в этом анимированном SVG. Он может делать больше, чем именованные объекты в defs, которые я использовал, например масштабировать объект, чтобы он соответствовал заданной ширине и высоте (необязательно, с сохранением соотношения сторон). Он также поддерживает атрибут viewBox, такой как тег svg . http://sarasoueidan.com/blog/structuring-grouping-referencing-in-svg/ содержит руководство.

Одним из ограничений является обрезка частей символа с отрицательными координатами. Решение - добавить overflow = "visible" , например

 <symbol  id = "stuff"  overflow = "visible" >  <rect  x = "-10"  y = "-20"  width = "30"  height = "40" />  </symbol>  <use  xlink: href = " #stuff "  x = " 50 "  y = " 60 " />

Кроме того, можно переместить символ, указав атрибуты x и y в теге use , где я мог ранее использовать transform = translate (50,60) . Три ура за двусторонний обмен знаниями в Викимедиа !

Mars elevation.stl ☎ 1 мая 2018 г. [ править ]

Я экспериментировал с STL в течение последнего месяца. Пользователь: Романски напомнил мне, что большую часть того, что я сделал, включая фракталы, уже можно сделать с помощью других инструментов. Тем не менее, одна область, к которой, я думаю, я могу добавить, - это модели высот планет, такие как эта. На мой взгляд, трехмерная модель, особенно физическая, делает форму намного более четкой, чем топографическая карта, особенно особенности в полярных регионах. (Возможно, одна вещь упущена - это то, что северное полушарие значительно ниже южного.) Жалко, что большинство зрителей STL, включая Mediawiki, не поддерживают цвета; это определенно откроет целый новый мир возможностей.

В любом случае, глядя на историю файла , можно увидеть, как развивалась моя техника:

1. Наивным способом было строить прямоугольники по широте и долготе. Недостатком является то, что они становятся тоньше по направлению к полюсам, тратят многоугольники и придают странные формы звезд вокруг полюсов. (Поскольку STL работает с треугольниками, мне пришлось разделить каждый прямоугольник на два треугольника - на самом деле это хорошо, поскольку, разделив по диагонали с меньшей разницей высот, я мог получить более гладкую форму, трюк, который я обнаружил при создании файла: Penang_island.stl .)
2. Таким образом, я попробовал создать октаэдр, каждая грань которого рекурсивно разделена на четыре треугольника. Затем каждая вершина проецируется на соответствующий радиус. Хотя разрешение увеличилось, несмотря на использование примерно того же количества полигонов и полярные артефакты исчезли, поверхность выглядела очень неровной, возможно, из-за острых углов треугольников.
3. Решив вернуться к прямоугольникам, чтобы использовать трюк с разделением прямоугольников, я остановился на проецировании разделенного куба на сферу. Эта статья хорошо объясняет математику. К сожалению, я неправильно сориентировал половину полигонов ! Это должно было быть исправлено в моей окончательной версии ...
4. Помимо фиксации ориентации, я сделал базовую модель сплюснутым сфероидом с разными полярными и экваториальными радиусами. Но самым большим улучшением было вычисление высоты центра тяжести каждого прямоугольника. Если он был ниже или выше всех четырех вершин, то есть пика или ямы, я делю прямоугольник на четыре треугольника, как стороны пирамиды. В остальном, как и раньше, делю на две части. Это значительно повысило резкость областей с большим количеством деталей за счет увеличения количества полигонов примерно на 10%.

Я сделал две другие модели последним методом:

1. Земля без жидкой воды
2. Луна

Следующим шагом может быть использование триангулированной нерегулярной сети , но для этого потребуется подождать еще один день ...

Шаблон: остатки галереи ☎ 21 апр 2018 [ редактировать ]

Как и в записи прошлого месяца ниже , Википедия разрешает коллекции изображений, которые переносятся по ширине браузера с помощью тега <gallery> . Хотя моя аспиринская сторона раздражается, когда в последнем ряду только одно одинокое изображение ☹

Я понял, что, хотя я не могу контролировать количество столбцов, я могу контролировать количество изображений в галерее, поэтому сделал небольшой скрипт Python для создания таблицы с выделением «хороших» чисел. Очевидно, что при p = kc + 1 для любого целого k неизбежно останется один, но как насчет других чисел?

Помимо очень сложных чисел, таких как 6, 12 и 60, есть удивительно «хорошие» числа, такие как 14, 38 и 44. С другой стороны, 10 и 36 «плохие», поскольку они оставляют 1 остаток с 3 и 5 соответственно. И особенно "плохи" числа после сильно составных, вроде 13 и 25 ...

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

Commons: категория: STL_files_by_cmglee ☎ 29 марта 2018 г. [ редактировать ]

Я был рад узнать от Чарльза Мэтьюза, что Wikimedia Commons теперь позволяет загружать 3D-файлы в форме STL - если только он поддерживает цвет, прозрачность, анимацию и т. Д.

Поскольку в прошлой жизни мне нравилось 3D-моделирование, я приступил к созданию моделей, представленных ниже, с помощью скриптов Python. Поскольку файлы STL не позволяют встраивать скрипты в качестве комментариев, я добавил их на страницы описания файлов. К сожалению, я обнаружил артефакты в программе просмотра Викимедиа, а иногда и на миниатюрах . Я проверил, что направление вершин фасета - против часовой стрелки, нормали разумны, а полигоны не дублируются. Кажется, больше происходит там, где многогранник тонкий. Все эти многогранники корректно отображаются на http://viewstl.com . Посмотрим, поправимы ли они ...

• Моя самая первая STL, моделирующая твердое тело, которое катится очень любопытным образом.

• Визуализация алмазной кубической решетки, которую трудно представить в 2D

• Одна из моих любимых форм с подходящей рамкой

• 87380 граней этой коллекции tetrix , похоже, не облагают налогом современные компьютеры

• От моего самого большого до самого маленького STL, многогранник Часара - это чистая элегантность.

• Многогранник Szilassi еще одна красавица - хотя и не рендеринг моего СТЛ !

• Моя первая модель местности, с еще худшими Z-боями ...

• Восемь полукубов можно напечатать на 3D-принтере и склеить вместе, чтобы получился любопытный куб Ёсимото.

• Еще одна модель для 3D-печати: 6 панелей соединяются вокруг кубического отверстия, образуя ромбический триаконтаэдр.

• Первая из моих моделей небесных тел с преувеличенным рельефом: Марс.

• Луна

• Земля без жидкой воды (но с ледяными шапками)

Прецессия маятника Фуко против latitude.svg ☎ 31 января 2018 г. [ править ]

Мне посчастливилось побывать в обсерватории Гриффита, и я получил индивидуальное объяснение ее маятника Фуко . Увидев отметки от 0 до 41 вокруг обода, я спросил, сколько времени нужно, чтобы повернуться на 360 ° в данном месте, и мне сказали, что это синус широты.

Если заглянуть в Википедию, то угол, под которым маятник Фуко прецессирует, действительно линейно пропорционален sin (широте), но не было иллюстрации, показывающей период прецессии. Таким образом, я нарисовал этот график, показывающий как прецессию за сутки, так и ее период. Любопытно, что в масштабе осей 24 часа совпадают с −360 ° и 4 дня с 360 °, что позволяет мне поделиться линиями сетки.

Сноска: я обнаружил, что «день» - это звездный день ; сама Земля вращается вокруг Солнца, поэтому направление полудня меняется день ото дня. Вместо 24 часов это ~ 23,93447 часов, но на графике это не отличить. 34,11856 ° северной широты обсерватории Гриффита дает период прецессии 42,67 часа, что немного больше, чем отметки !

2017 [ править ]

Commons: Template: source thumb ☎ 8 декабря 2017 г. [ править ]

При загрузке производного изображения я ранее обнаружил, что указание файла (ов), из которого он был получен, немного неуклюже; Я мог бы использовать, например,

• Его upload.wikimedia.org URL,
• URL страницы описания файла,
• Его имя файла,
• Ссылка типа [[: File: FILENAME]] или
• Миниатюра вроде [[File: FILENAME | thumb]],

ни один из которых одновременно не позволяет

1. Пользователь видит встроенный предварительный просмотр изображения,
2. Пользователь видит свое имя файла,
3. Загрузчику не нужно беспокоиться о викитексте, и
4. Код и представление должны быть согласованы между загрузками, возможно, с разницей в годы.

Поэтому я решил создать шаблон на Commons:

< table  style = "display: inline; border-collapse: collapse;" > < tr > < td > [[File: {{{1}}} | thumb | none | [[: File: {{{1}}}} | {{String replace | {{{1}}} | _ | & nbsp; }}]]]] </ td > </ tr > </ table >

Это автоматически создает миниатюру с именем файла в качестве заголовка, ссылающегося на страницу описания файла (я бы предпочел, чтобы он ссылался непосредственно на фактический файл, но не смог найти способ получить его URL-адрес только из имени файла):

Теперь загрузчик может просто включить шаблон с именем файла (без "File:") в качестве первого параметра:

{{источник большого пальца | FILENAME}}

Чтобы заголовок был более читабельным, я заменил подчеркивание неразрывными пробелами. Я также заключил эскиз во встроенную таблицу, чтобы несколько эскизов могли располагаться рядом, а не располагаться друг над другом.

Если есть спрос, я добавлю дополнительные параметры для точной настройки миниатюры.

ОБНОВЛЕНИЕ 14 МАРТА 2018: {{filepath: FILENAME}} дает URL-адрес файла, следовательно

< table  style = "display: inline; border-collapse: collapse;" > < tr > < td > [[File: {{{1}}} | thumb | none | link = {{filepath: {{{1}}}}} | [[: File: {{{1}}] } #filelinks | {{String replace | {{{1}}} | _ | & nbsp; }}]]]] </ td > </ tr > </ table >

ОБНОВЛЕНИЕ 21 ОКТЯБРЯ 2018: Я добавил возможность указать язык для интернационализированного SVG с помощью второго параметра, как на этих эскизах :

{{источник большого пальца | FILENAME | LANG}}

Шаблон: База данных Earth Impact world map.svg ☎ 17 ноября 2017 г. [ править ]

Я наконец-то узнал, как иметь "встроенные" всплывающие подсказки в SVG, которые появляются при наведении курсора, но позволяют полностью контролировать непрозрачность заливки и обводки при наведении курсора: установите для непрозрачного font-size крошечное значение, скажем, 0,1 пикселя, а тот завис до нормального размера. На этой карте мира подтвержденных ударных кратеров это позволяет как штриху, так и заливке круга исчезать, когда пользователь наводит курсор на карту, но не вокруг круга. Преимущество «встроенного» текста заключается в том, что он появляется сразу при наведении курсора, в отличие от обычной всплывающей подсказки, и допускает ограниченный стиль, например, 2 столбца или текст с выравниванием по левому и правому краю.

Я также обнаружил, что использование параметра ссылки миниатюры напрямую загружает SVG при нажатии миниатюры, а не на странице описания файла. Страницу описания файла по-прежнему можно получить, щелкнув значок справа от заголовка.

Развитие Северо-Западного Кембриджа ☎ 1 октября 2017 г. [ править ]

Замечательно, что в Кембридже ежегодно проводится мероприятие, на котором частные заведения открывают свои двери, обычно за выходные до открытых дверей в Лондоне .

В этом году в рамках Open Cambridge открылся Эддингтон , центр развития Северо-Западного Кембриджа .

Как житель деревни, я не мог не посещать, присоединяться к некоторым турам и фотографировать достопримечательности. Мне больше всего понравилась Фата Моргана , «чайный домик», почти полностью сделанный из стальной сетки. Полупрозрачные поверхности сделали впечатление сюрреалистичным. Мне тоже пришлось пообщаться с его художниками и узнать о его создании.

Не понимая, что кто-то только что написал статью о самом Эддингтоне , я создал Северо-Западный Кембриджский девелопмент и номинировал ее на « Знаете ли вы» . (Ну, по крайней мере, я не знал, сколько обручей нужно было преодолеть, чтобы опубликовать статью в «Знаете ли вы».)

А когда у меня появится больше времени и желания, попробую объединить обе статьи ...

Один миллион точек 1080p.png ☎ 28 августа 2017 г. [ править ]

Я заметил, что экран Full HD имеет чуть более 2 миллионов пикселей (1920 × 1080 = 2 073 600), и у меня возникла идея двухмерной визуализации размером один миллион, чтобы дополнить мою трехмерную визуализацию слева.

Используя узор в виде шахматной доски, я мог показывать одну точку на каждые две точки. Наивный подход привел бы к созданию большой капли из миллиона точек без какой-либо группировки, поэтому я подумал, есть ли способ разделить их на 1000 плиток по тысяче в каждой. Наличие 10 строк по 100 столбцов «израсходует» 9 строк и 99 столбцов пикселей для разделения тайлов, в результате чего получится 1821 × 1071 = 1 950 291 пиксель, что немного меньше необходимых 2 миллионов пикселей. Однако 10 строк по 10 столбцов дают 1911 × 1071 = 2046681 пиксель, так что я на правильном пути ...

Я мог бы использовать фон из точек, чтобы разделить плитки из 1000 точек. Я остановился на белом и очень светло-сером, чтобы разница была заметна, но не слишком отвлекала. Интересно, что 19 × 106 = 2014, т.е. 1007 точек, поэтому каждая группа из 10000 точек может иметь ширину 190 пикселей и высоту 106 пикселей. Матрица 10 × 10 оставит аккуратные 20 строк и 20 столбцов пикселей для разделения групп. Чтобы упростить подсчет групп, я разделил их следующим образом: 2_1_2_1_2_4_2_1_2_1_2, где _ представляет группу в обоих измерениях. Поскольку нужно было удалить 7 точек с каждой плитки, я удалил 3 из одного угла и 4 из другого, в результате чего галочки появились в каждой группе.

Взлом скрипта Python (который использует модуль png.py) в файле: one_million_dots_1080p.png , небольшая настройка, чтобы сделать графику симметричной, и та-да - 1 миллион черных точек в формате Full HD !

Universe блокирует timeline visualisation.svg ☎ 31 июля 2017 г. [ править ]

создайте 138-страничную книгу, описывающую историю времени. На каждой странице ровно 100 строк, а в каждой строке - ровно 100 букв. Первые буквы на первой странице описывают самые последние события; последние буквы на последней странице, начало Вселенной, какой мы ее знаем. Если объем текста линейно пропорционален времени, какая часть этого фолианта повествует о письменной истории человечества?

Итак, 13,8 миллиарда лет обозначены 138 страницами из 10000 букв, каждая буква представляет 10000 лет. Таким образом, письменная история стоит примерно полбуквы!

На этом графике показано, где находятся некоторые другие примечательные события. Обратите внимание, что все, что связано с людьми, находится в первой строке, представляющей последний 1 миллион лет.

Спустившись на две трети страницы, мы подходим к большому вымиранию динозавров 66 миллионов лет назад. В конце первой страницы, 100 миллионов лет назад, мы твердо находимся на территории динозавров и рептилий. Всего пятью страницами позже (500 миллионов лет назад) сложные животные не эволюционировали. После десятой страницы (1 миллиард) лет самыми сложными формами жизни были зеленые водоросли.

Третья часть книги, 45-я страница, отмечает формирование Земли, Солнца и большей части остальной части Солнечной системы. Большая часть информации о Вселенной неизвестна, возможно, до последних 8 страниц или около того, когда сформировались первые галактики.

Последняя страница, вероятно, 138-я, снова представляет собой улей активности, где происходит большая часть ранней Вселенной. Никто точно не знает, сколько в нем строк и букв ...

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

PS В таком же масштабе, как долго будет Дневник Вселенной для людей, которые думают, что он начался в 4004 году до нашей эры? Шесть десятых буквы! ୯ ͡ ° ͜১͡ ° ੭

Horizon Distance graphs.svg ☎ 24 июня 2017 г. [ править ]

График слева использует хитроумную технику для отображения линий сетки в разных единицах, таких как метрические и британские, на одном и том же графике: за счет того, что они пересекают линию !

Я подумал, может ли это сработать для любого нечетного количества графиков, и нарисовал график этого месяца. Заставить линии сетки чередоваться между кривыми было непросто, но создание траекторий путем чередования направлений контуров сработало. Каждый набор линий сетки затем может состоять из прямоугольников, текстурированных с соответствующими узорами. Мне даже удалось достаточно плавно перейти с футов на мили для имперской высоты. И, конечно же, множители между единицами измерения появляются просто как переводы в логарифмической шкале.

Было весело выбирать опорные высоты, хотя я не смог найти подходящую между орбитами МКС и GPS. Также довольно удивительно, насколько хорошо это приближение и насколько схожи расстояния по прямой и вдоль поверхности Земли вплоть до официальной границы космического пространства.

Северокорейский ракетный range.svg ☎ 20 мая 2017 г. [ править ]

Пользователь: Итанмайерсвит предложил мне обновить мою неожиданно популярную графику, и я подумал, что это будет прекрасная возможность обновить карту до азимутальной равноудаленной проекции - меня слегка раздражало, что радиусы колец не масштабируются, и большая часть земного шара (особенно материковая часть США, которая, скорее всего, заинтересует читателей) была скрыта.

Пользователь: Джейсон Дэвис с пользой загрузил файл: North-korean-missile-range.svg , но я предпочел цветной глобус без затенения береговой линии. Еще одна вещь, которая меня не особо интересовала, - это размер файла 5 МБ. Итак, я написал этот скрипт Python для

1. преобразовать абсолютные координаты в относительные в пути SVG,
2. округлить до ближайшего целого числа и
3. упростите горизонтальные и вертикальные перемещения до команд «h» и «v» соответственно.

Сценарий мог бы объединить несколько «h» и «v» и обрабатывать команды, отличные от «M», «L» и «Z», но это придется подождать до следующего дня. Это уменьшило общий размер файла (даже после «украшения» и обновления диапазонов) до 162 КБ, сокращение на 97% !

Кстати, мне показалось любопытным, что Великобритания и материковая часть США (и Африка) находятся чуть дальше 8000 км - совпадение?

Губка Менгера diagonal section.gif ☎ 29 апр 2017 [ редактировать ]

Услышав о губке Менгера во время выступления на Кембриджском фестивале науки в этом году , я попросил своего товарища угадать, как выглядит поперечное сечение по диагонали пространства и проходящее через его центроид .

Вернувшись домой, мне пришло в голову , что я мог бы использовать конструктивную стереометрии особенность POV-Ray для автоматического создания поперечных сечений, и решил сделать анимацию сечений вдоль пространственной диагонали аналогично HTTP: // YouTube. com / watch? v = fWsmq9E4YC0, но при просмотре перпендикулярно секции, так что каждая секция представляет собой истинный вид.

Самой большой проблемой было найти эффективный способ создания губки. Метод, который я использовал для рендеринга тетрикс четвертого уровня слева, дал бы 20 ⁴ = 160 000 кубов - слишком утомительно для моего жалкого компьютера !

В конце концов я решил вычесть три ортогональных набора длинных отверстий из простого куба. Моя первоначальная компоновка привела к артефактам из-за перекрытия отверстий на разных уровнях, но мне удалось найти набор без перекрытия - см. Мой исходный код POV-Ray ниже, если вам интересно.

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

После дневного рендеринга 55 кадров (27 × 2 + 1 - выбранных так, чтобы каждая вершина имела плоскость, проходящую через нее), я подумал, что цвет был немного мягким, поэтому изменил палитру после преобразования их в GIF в пакете XnView. режим. Хорошо, что я решил отключить сглаживание, чтобы увеличить скорость рендеринга.

Я также решил добавить паузы в вершинах нулевого уровня и, конечно же, более длинные паузы в поперечном сечении через центроид.

Наконец, я придумал более аккуратную презентацию моего источника POV-Ray на странице описания файла, чтобы любой мог продолжить мою работу:

#declare  Отверстие1  =  коробка  {  < 1 / 6 , 1 / 6 , 0,50001 >, < - 1 / 6 , - 1 / 6 , - 0,50001 >  } #declare  HOLE2_8  =  объединение  {  объект  {  Отверстие1  перевод  <  1 ,  1 , 0 >  }  объект  {  HOLE1  translate  <  0 ,  1, 0 >  }  объект  {  HOLE1  translate  < - 1 ,  1 , 0 >  }  объект  {  HOLE1  translate  < - 1 ,  0 , 0 >  }  объект  {  HOLE1  translate  < - 1 , - 1 , 0 >  }  объект  {  HOLE1  translate  <  0 , - 1 , 0 > }  Объекта  {  Отверстие1  перевод  <  1 , - 1 , 0 >  }  объекта  {  Отверстие1  перевод  <  1 ,  0 , 0 >  }  масштаб  < 1 / 3 , 1 / 3 , 1 >  } #declare  HOLE3_8  =  объединение  {  объект  {  HOLE2_8  перевод  <  1 ,  1 , 0 >  } объект  {  HOLE2_8  translate  <  0 ,  1 , 0 >  }  объект  {  HOLE2_8  translate  < - 1 ,  1 , 0 >  }  объект  {  HOLE2_8  translate  < - 1 ,  0 , 0 >  }  объект  {  HOLE2_8  translate  < - 1 , - 1 , 0 >  }  объект  {  HOLE2_8 переводить  <  0 , - 1 , 0 >  }  объекта  {  HOLE2_8  перевод  <  1 , - 1 , 0 >  }  объекта  {  HOLE2_8  перевод  <  1 ,  0 , 0 >  }  масштаб  < 1 / 3 , 1 / 3 , 1 >  } #declare  HOLE4_8  =  объединение  {  объект  { HOLE3_8  translate  <  1 ,  1 , 0 >  }  объект  {  HOLE3_8  translate  <  0 ,  1 , 0 >  }  объект  {  HOLE3_8  translate  < - 1 ,  1 , 0 >  }  объект  {  HOLE3_8  translate  < - 1 ,  0 , 0 >  }  объект  {  HOLE3_8  перевести  < - 1, - 1 , 0 >  }  объекта  {  HOLE3_8  перевод  <  0 , - 1 , 0 >  }  объекта  {  HOLE3_8  перевод  <  1 , - 1 , 0 >  }  объекта  {  HOLE3_8  перевод  <  1 ,  0 , 0 >  }  масштаб  < 1 / 3 , 1 / 3 , 1 > } #declare  HOLE4  =  объединение  {  объект  {  HOLE1  }  объект  {  HOLE2_8  }  объект  {  HOLE3_8  }  объект  {  HOLE4_8  }  } #declare  SPONGE4  =  разница  {  box  {  < 0.5 , 0.5 , 0.5 >,  < - 0.5 , - 0.5 , - 0.5 >  }  объединение  {  объект  {  ОТВЕРСТИЕ4 }  объект  {  HOLE4  rotate  < 0 , 90 , 0 >  }  объект  {  HOLE4  rotate  < 90 , 0 , 0 >  }  }  }#declare CLOCK = 1 - 2 * clock;//#declare CLOCK = 0;#declare CLOCK_PLANE = 1.5 * CLOCK;#declare CLOCK_ALL = -0.5 * CLOCK;#debug concat(str(CLOCK, 8, 3), "\n")difference { object { //cylinder { <1,1,1>, <-1,-1,-1>, 0.5 } /// check scale constant SPONGE4 pigment { rgb <0.5,1,1> } } plane { <-1,-1,-1>, 0 translate <CLOCK_PLANE,0,0> } translate <CLOCK_ALL,CLOCK_ALL,CLOCK_ALL> rotate <0,45,degrees(-atan(1/sqrt(2)))> no_shadow}background { color 1 }camera { right x * image_width / image_height location <3.1,0,0> look_at <0,0,0> angle 30}light_source { <0,9,0> color 1 parallel }light_source { <9,0,0> цвет  2  параллельно  }

; Ini-файл анимации POV-Ray Antialias = Off ; Antialias = On Antialias_Threshold = 0,1 Antialias_Depth = 1Input_File_Name = "Menger_sponge_diagonal_section.pov"Initial_Frame = 0 Initial_Clock = 0 Final_Frame = 54 Final_Clock = 1Cyclic_Animation = выкл. Pause_when_Done = выкл.Debug_File = на

Теперь у меня возникает соблазн сделать больше анимированных поперечных сечений, и на ум приходит вращающийся двойной конус для создания конических сечений !

таблица Менделеева нуклеосинтеза.svg ☎ 29 мар 2017 [ править ]

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

С тех пор астроном Дженнифер Джонсон создала более хорошо проработанную версию, и я решил объединить ее данные с некоторыми «улучшениями»:

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

древние семь чудес timeline.svg ☎ 21 января 2017 г. [ править ]

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

Это было немного неуклюже, так как огромный диапазон Великой пирамиды Гизы по сравнению с другими приводил к появлению огромных брешей.

Я подумал: «Почему бы не наполнить их полезной информацией?» и таким образом добавили карту и силуэты в масштабе, с размерами, максимально полученными из соответствующих статей Википедии.

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

Наконец, исходя из масштаба временной шкалы, кажется позором, что мы просто упустили возможность жить во время, когда существовали три чуда. Если бы только они продержались еще 600 лет !

2016 [ править ]

snow css3 animation example.svg ☎ 31 декабря 2016 г. [ править ]

Я узнал, что фильтры SVG можно анимировать с помощью SMIL, и добавил амбиграмму с надписью Merry / Happy и Christmas / New Year к моей снежной анимации CSS. С наступающим 2017 годом !

block stacking problem.svg ☎ 6 ноября 2016 г. [ править ]

Я только что понял, что в статье о проблеме наложения блоков не хватает иллюстрации, несмотря на мой интерес к гармоническим рядам . Это предоставило хорошую возможность поэкспериментировать с идеей использования матриц аффинного преобразования (которую я исследовал в прошлом месяце) для преобразования растровых изображений в более реалистичную псевдо-3D графику.

В SVG верхние правые образцы 3 × 3 на изображении слева были разделены на отдельные текстуры, каждая из которых назначена шаблону. Соответствующие аффинные преобразования были применены к граням каждого блока, некоторые были наложены полупрозрачным черным цветом для имитации затенения и определены как группа. Параметру заливки каждой группы был назначен узор текстуры, и блок переместился на место.

Жалко, что SVG не выполняет преобразования перспективы (хотя это делает CSS), поэтому я ограничен параллельной проекцией . Тем не менее, это подходит для технических иллюстраций, где концептуальная ясность важнее геометрической точности.

Ожидайте увидеть больше текстурированных SVG !

ОБНОВЛЕНИЕ 24 ФЕВРАЛЯ 2020 ГОДА : В этом примере имитируются текстуры дерева с фильтрами SVG, объединяющими тени фильтра размытия, текстуры фильтра турбулентности, аффинные преобразования и мои идеи проекции 4-3-2.

cmglee trimetric template.svg ☎ 21 октября 2016 г. [ править ]

Еще в 2012 году я обнаружил эстетически приятную трехмерную триметрическую проекцию, которая позволяет создавать полуреалистичные сцены с использованием векторов с компонентами, состоящими из небольших целых чисел, а именно

• (⁴
  _-2) для оси абсцисс (вверх и вправо)
• (⁻³
  ₋₃) для оси Y (вверх и влево)
• (⁰
  ₋₄) для z-азиса (прямо вверх)

предполагая, что ось Y изображения положительна вниз. Дополнительным преимуществом по сравнению с диметрическими или изометрическими проекциями является то, что задние края и вершина куба не перекрываются с передним, так что они могут быть четко показаны. Любопытно, что блок 2 × n × 1 имеет одинаковую ширину и высоту.

Я также нашел несколько полезных матриц аффинного преобразования для автоматического применения прямоугольных текстур к трем граням кубоида:

• Верхняя грань: матрица (4, -2, -3, -3, 0,0)
• Левая грань: матрица (-3, -3, 0, 4, 0,0)
• Правая грань: матрица (4, -2, 0, 4, 0,0)

Как видно из шаблона "F", мне пришлось отразить левую грань по горизонтали и верхнюю грань по вертикали, чтобы все они могли начинаться с ближайшей вершины. Это имеет незначительное влияние на симметричные шаблоны, такие как линии сетки, но асимметричные должны быть либо предварительно перевернуты, либо матрицы должны быть изменены.

С помощью этой полезной формы я нарисовал множество иллюстраций, в том числе следующие:

• График распределения воды на Земле в миллионных долях

• Модель контейнерного города I и II

• Наглядное доказательство теоремы Никомаха

• Решение пятикомнатной головоломки

ОБНОВЛЕНИЕ 27 СЕНТЯБРЯ 2019: общие: категория: создана триметрическая проекция 4-3-2 .

Шаблон: quadratic_function_graph_complex_roots.svg ☎ 30 сентября 2016 г. [ редактировать ]

Несколько дней назад я обнаружил, что в Википедии не хватает иллюстрации, показывающей ключевые значения общей одномерной квадратичной функции y = ax ² + bx + c, и поэтому нарисовал график слева. Так же, как я думал, что моя работа сделана, я узнал о методе графического нахождения сложных корней такой функции без настоящих корней - эоны с тех пор, как я окончил среднюю школу !

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

Самым сложным было создание текстовых объектов, содержащих математические выражения. Я использовал изящное устройство, в котором дробь состоит из

1. Набор tspans, содержащий числитель,
2. Еще один tspan, сбрасывающий координату x и содержащий столько символов "_", сколько необходимо - возвращение к исходной функции подчеркивания на пишущих машинках !
3. Набор tspans, сбрасывающих координату x, увеличивая координату y на 1em и содержащий знаменатель. Для текстового объекта с выравниванием по центру браузеры Firefox и Chrome выравнивают весь знаменатель по центру , но средство визуализации Викимедиа выравнивает по центру только свой первый tspan . Чтобы получить "2 a  " для правильного выравнивания, необходимо указать координату x для каждого tspan .

Например, - б/2 а создается с помощью следующего кода SVG (обратите внимание на перенос строки перед символом ">", чтобы избежать значимых пробелов):

 <text  transform = "translate (130, 40)"  x = "0"  y = "0"  > <tspan> & # 8722; </tspan> <tspan  font-style = "italic" > b </tspan> <tspan  x = "0" > __ </ tspan  > <tspan  x = "-10"  dy = "1em" > 2 </ tspan > <tspan  x = "10"  font-style = "italic" > а </tspan> </text>

Я бы предпочел знак минус вне дроби: -б/2 а , но это потребовало бы дополнительного взлома ниже ...

Для координат (- б/2 а_, - ( b ² − 4 ac )/4 а) , Мне пришлось вручную создать отдельный текстовый объект «(,)» более крупным шрифтом (с некоторым растяжением в направлении y, чтобы скобки не выглядели слишком толстыми), чтобы обернуть две функции. Есть ли способ лучше? Дай мне знать !

http://wikimania2016.wikimedia.org/wiki/panoramas ☎ 8 августа 2016 г. [ редактировать ]

Я подумал, что сделаю небольшую часть документирования Викимании 2016 и деревни Эсино-Ларио , сняв 360 ° сферические панорамы известных мест с помощью функции Photo Sphere встроенного приложения камеры Android на моем Nexus 7:

http://wikimania2016.wikimedia.org/wiki/panoramas

На странице также есть средство просмотра панорам Dschwen Pano360 и « Крошечные планеты », созданные тем же приложением.

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

Как я обсуждал с пользователем: Pigsonthewing на моей странице обсуждения Commons , на случай, если кто-то захочет выстрелить, вот несколько методов для достижения лучших результатов:

• Выбирайте сцены далеко от камеры, чтобы уменьшить параллакс - лучше всего пейзажи, но, по крайней мере, вставайте и держитесь подальше от перил .
• По возможности выбирайте сцены без явных геометрических узоров, например, большую плитку на полу и балки крыши - лучше всего подойдет трава, камни, листва и т. Д.
• Не делайте снимков, когда в кадре находятся движущиеся люди, чтобы избежать попадания половинных тел.
• Выберите опознаваемую точку на земле и постарайтесь удерживать камеру над ней.
• Поворачивайтесь вокруг камеры вместо того, чтобы стоять на месте и поворачивать тело; Я хватаю устройство за объектив одной неподвижной рукой, а другой поворачиваю его вокруг оси.
• Измените положение или подождите, пока солнце не будет видно напрямую, чтобы избежать чрезмерно высокого динамического диапазона и артефактов объектива.

Жаль, что я обнаружил их только по ходу дела, но, полагаю, с практикой становится лучше ...

Шаблон: Самые высокие башни в мире.svg ☎ 17 июля 2016 г. [ править ]

Я заметил, что редакторы добавляют переводы в File: Phase_diagram_of_water.svg, и узнал, что с помощью тега switch и параметра systemLanguage файл SVG может содержать несколько языков . Посещая миланскую пинакотеку Брера после Викимании, я понял, что могу взломать этот механизм, чтобы выделять разные части иллюстрации в разных статьях. Вернувшись домой, я успешно протестировал его на File: compare_of_pyramids.svg, как показано слева. Я воспользуюсь другим примером, как я писал о пирамидах SVG ниже .

В SVG каждая выделенная версия изменена следующим образом: где CODE - один из этих кодов . Как коды должны быть действительными, я выбрал те , которые внешне похожи, но имеют относительно редко не противоречат реальному использованию: слева направо, ц , ок , у.е. , зева , или , мл и кл .<switch><use xlink:href="#id" systemLanguage="CODE"/></switch>

Для использования SVG, добавьте в вики - текста на изображение и появляется , как на правой: .lang=CODE[[File:Tallest_towers_in_the_world.svg|thumb|lang=cu|Comparison of the CN Tower with the world's seven tallest towers]]

Я создаю шаблон: Самые высокие башни в мире.svg, чтобы упростить его использование. Первый параметр является кодом (набор для заготовки без всякой подсветки) , а второй является пользовательский заголовок фрагмента (установлен пробел , чтобы использовать имя страницы , она появляется на, трюк описан ниже ): .{{tallest towers in the world.svg|CODE|CAPTION SNIPPET}}

Демонстрация ракеты СМИЛ zh-hant.svg ☎ 9 июля 2016 г. [ править ]

Мне посчастливилось разделить жилье с пользователем: Shangkuanlc в Викимании. Беседуя о моих приключениях в динамическом SVG, он был очарован этой глупой маленькой игрой, которую я сделал, чтобы продемонстрировать, что можно делать с помощью SMIL, и очень любезно перевел ее на китайский язык. Мы говорили о других идеях для SVG-игр - включая пародию на Angry Birds, которую я назвал «Anti-Birds», игру по стрельбе по тарелочкам, в которой игрок пытается стрелять в воздухе по птицам, которые вот-вот врежутся в обычную свиную архитектуру !

Однако я понял, что в играх часто есть случайные элементы, но SMIL и SVG без JavaScript обычно детерминированы. После обсуждения с пользователем: Niedzielski , я придумал способ имитировать случайные события, быстро вращая невидимую вертушку триггеров перед кнопкой. Из-за его быстрого вращения и невидимости нажатие на спусковой крючок происходит практически случайно. Я создал этот прототип «колеса фортуны», чтобы продемонстрировать концепцию («Показать триггеры» переключает видимость триггеров).

Работа по переводу также возродила идею переписать обновленный инструмент перевода SVG. Ранее я использовал SVG Translate от Jarry1250, но он больше не работает, а также требует, чтобы пользователь вручную заполнил все поля. Я узнал, что Pywikibot - хорошая платформа для использования, посетил тренинг и поговорил с пользователем: Yuvipanda . Посмотрим, что я могу придумать в один из этих выходных ...

Викимания 2016 ☎ 22 июня 2016 [ править ]

... так что я выступаю и тренируюсь на Викимании 2016 . Если вы в городе, приходите к нам в субботу 25 июня 2016 года . Для предварительного просмотра ниже представлена ​​моя колода слайдов ...

Немецкие проблемы с танками graphs.svg ☎ 12 апр 2016 [ править ]

Я думал, что у Perl есть преимущество перед Python, это возможность интерполировать или встраивать переменные непосредственно в строку, например

print  "Hello $ name" ;

где Python использует формат или %  :

напечатайте  "Привет % s "  %  ( имя ) напечатайте  "Привет {0} " . формат ( название )

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

Так было до тех пор, пока я не узнал, что могу это сделать (пока имя - локальная переменная):

print  "Hello % (name) s "  %  locals () print  "Hello {name} " . format ( ** locals ()) выведите  «Hello {name: s} » . format ( ** locals ()) выведите  «Hello {name! s} » . формат ( ** местные жители ())

Я задавался вопросом, было бы еще лучше, если бы name могло быть произвольным выражением, а не просто переменной, например name.upper (), чтобы использовать всю строку с заглавной буквы или len (name) для ее количества символов (с нулями до восьми шестнадцатеричных символов) . Итак, я написал следующее:

import  re def  fmt ( string ):  ## string.format (** vars ()) using tags {expression! format} CMG Lee  def  f ( tag ):  i_sep  =  tag . rfind ( '!' );  return  ( re . sub ( '\ .0 + $' ,  '' ,  str ( eval ( tag [ 1 : - 1 ])))  if  ( i_sep  <  0 )  else  ( '{:% s } '  %  tag [ i_sep  +  1 : - 1 ]) . format ( eval ( tag [ 1 : i_sep ])))  return  ( re . sub ( r '(? <! {) {[^ {} ] +}' ,  лямбда  m : f ( m . group ()),  строка )  . replace ( '{{' ,  '{' ) . replace ('}}' ,  '}' ))

что позволяет мне сделать это:

print  fmt ( "Hello {name.upper ()}" ) print  fmt ( "characters: {len (name)! 08x}" )

Если строки формата нет, предполагается 's', но если выражение содержит ! , например {'Different' if 1! = 2 else 'equal'! s} , должна быть указана строка формата . Чтобы избежать фигурных скобок, повторите это: fmt ("{{это не тег}} {', но это'}")

Это далеко не идеально: если выражение содержит } , например {{'a': 1, 'b': 2} ['a']! D} , оно не может сказать, какая } закрывающая скобка интерполяции является , поскольку регулярные выражения не могут подсчитывать вложенные скобки, а сообщения об ошибках довольно уродливые.

Пример графический иллюстрирует немецкую проблему танка , уходящую к WW2 . Перефразируя спортивного товарища:

Земные огни против плотности населения.png ☎ 26 марта 2016 г. [ править ]

Ранее в этом году в Кембридже прошел фестиваль e-Luminate . Среди художественных демонстраций света были разговоры, подчеркивающие недоступность или недоступность домашнего освещения в некоторых развивающихся странах.

Я подумал, что было бы полезно показать неравномерность использования света на карте мира, и решил закодировать данные разных размеров в разных каналах цветного изображения, как я сделал в этой карте высот . Я нашел различные растровые изображения в равнопрямоугольной проекции в НАСА , масштабировал и скопировал их в разные каналы в GIMP :

• Светится самой тонкой структурой в зеленом канале , канал, который кажется самым ярким.
• Плотность населения в красном канале
• Высота в синем канале , самом темном канале , напоминающем воду.
• Береговые линии и границы стран в альфа-канале , который можно включать и выключать в некоторых программах просмотра изображений.

Высота определялась по топографическим и батиметрическим картам. После некоторых экспериментов я обнаружил, что каждую из них можно нормализовать независимо, при этом низкая высота будет темной и наоборот, и сложить их вместе. Это привело к резкой границе между сушей и морем, а также темноте в низинах, где больше населения и света. Береговые линии и границы страны были отрисованы с измененной пустой карты Commons после установки контрастных цветов заливки и обводки каждого пути SVG.

Чтобы Чукотский полуостров на востоке России не был разделен пополам, карта была сдвинута на 10 ° к западу, так что она охватывает 170-й меридиан к западу - позже я обнаружил, что полуостров все еще разделен и мог выбрать 168,98 ° з. , проходящий между островами Диомида .

Готовая работа показывает резкий контраст между развитыми и развивающимися странами: США и Европа в основном окрашены в зеленый цвет, а Индия, Китай, Индонезия и Нигерия - в красный цвет - как отмечали другие, есть большой сдвиг на границе между двумя Кореи. Крупные города, особенно в Европе и Японии, светятся желтым как из-за высокой плотности населения, так и из-за светового потока.

Как и ожидалось, большая часть жилья находится в низинах, но есть огни в Скалистых горах и Андах (голубые) и плотное население вокруг высоких берегов озера Виктория и Эфиопии (фиолетовые).

И это мои новые обои !

Шаблон: Diagonal сплит заголовок ☎ 7 февраля 2016 [ править ]

Я пробовал использовать фоновое изображение CSS в виде диагональной линии, но оно плохо масштабируется с произвольным текстом.

Затем однажды я внезапно подумал об использовании фонового градиента , как я сделал для таблицы в Электромагнитном спектре . Градиент проходит от нижнего левого угла к верхнему правому углу ячейки и является серым по умолчанию для ячейки заголовка везде, кроме от 49% до 51% пути, где он переходит в более темный серый цвет:

фон : линейный градиент- ( в  верхнем  правом , # f2f2f2  49 %, # ааа , # f2f2f2  51 %)

Более темный цвет и ширина перехода были выбраны таким образом, чтобы для типичных размеров ячеек он выглядел как диагональная линия, проходящая через ячейку, внешне похожую на обычные границы ячеек. Ячейка на самом деле остается одним объектом, поэтому расстояние между текстовыми метками необходимо отрегулировать, чтобы они охватывали линию. Хотя он работает в Chrome, Internet Explorer и Firefox, два ограничения заключаются в том, что метки легко выходят за «линию», если пользователь не проявляет осторожности, и что фон ячейки заголовка не может быть легко изменен. Альтернатива, которую я пробовал, - полностью заполнить ячейку div и наложить на нее прозрачный-темно-серый-прозрачный градиент, но мои тесты привели к небольшим зазорам между диагональной линией и границами ячейки, разрушив эффект.

Чтобы использовать шаблон, создайте ячейку заголовка с помощью, !за которым следует {{diagonal split header|HEADER-OF-ROW-HEADERS|HEADER-OF-COLUMN-HEADERS}}. Дополните текст заголовка,  чтобы охватить строку. Добавление атрибутов rowspan или colspan позволяет охватить несколько строк или столбцов, как в этом примере для китайского Нового года :

Динамический SVG для проектов Викимедиа ☎ 24 января 2016 г. [ править ]

Итак, я подал заявку на стипендию и выступил на Wikimania 2016, чтобы представить свои идеи для интерактивного и анимированного SVG и встретиться с потенциальными соавторами, которые могут быть заинтересованы в их дальнейшем развитии. Я написал статью

Смотрите, что вы думаете !

2015 [ править ]

SEA Games logo.svg ☎ 31 декабря 2015 г. [ править ]

Год назад мой компьютер умер из-за меня, и я подумал, что потерял небольшой полезный инструмент, который показывает координаты любой точки в разрабатываемом файле SVG, чтобы пользователь мог быстро отследить фигуру из растрового изображения, даже при увеличении. обнаружил, что сохранил копию как комментарий в File: Descriptive_geometry_lines.svg, и воспользовался возможностью, чтобы обновить его новыми вещами, которые я узнал о JavaScript:

 < script  type = "text / ecmascript" >  ///  Выбор координат SVG от CMG Lee (декабрь 2015 г.) /// на основе http://stackoverflow.com/questions/2930625 и 610406  функции  _r ( p ,  c )  {  return  стр . заменить ( / ~ / ,  c );  }  Функция  pickCoords ( EVT ,  doSave )  {  вар  POS  =  документ . getElementsByTagName ( 'svg' ) [ 0 ].createSVGPoint ();  поз . х  =  эвт . pageX ;  поз . у  =  эвт . pageY ;  вар  CTM  =  ЭВТ . цель . getScreenCTM (). inverse (),  ROUND_TO  =  10 ;  если  ( ctm )  {  pos  =  pos . matrixTransform ( ctm );  }  var  x  =  Math . этаж (поз . x  /  ROUND_TO  +  0,5 )  *  ROUND_TO ,  y  =  Math . этаж ( поз . y  /  ROUND_TO  +  0,5 )  *  ROUND_TO ,  log  =  [ x , y ,  x , y ]. уменьшить ( _r ,  '# ~, ~ x = "~" y = "~"' );  if  ( doSave )  {  местоположение . href  + =  журнал;  }  else  {  история . replaceState ( null ,  '' ,  location . href . substring ( 0 ,  location . href . lastIndexOf ( "#" ))  +  log );  }  документ . getElementById ( 'курсор'  ). setAttribute ( 'преобразование' ,  [ поз . x , поз . y ,  ROUND_TO]. reduce ( _r , 'translate (~, ~) scale (~)' ));  документ . getElementById ( 'перекрестие' ). setAttribute ( 'преобразование' ,  [  x ,  y ,  ROUND_TO ]. reduce ( _r , 'translate (~, ~) scale (~)' ));  pos  =  null ;  }  < / script>  < path  id = "crosshair"  d = "M9999,0H-9999V9999H0V-9999H9999 M0.5,0.5H-0.5V-0.5H0.5 M1,1H-1V-1H1 "  fill - rule = " evenodd "  fill - opacity = " 0.5 "  fill = " # 99cc00 " />  < circle  id = " cursor "  cx = " 0 "  cy = " 0 "  r = " 0,1 "  fill - opacity = " 0,5 "  fill = " # 669900 " />  < circle  cx = " 0 "  cy = " 0 " r = "99999"  заливка -opacity = "0"  style = "cursor: none"  onmousemove = "pickCoords (evt)"  onmouseup = "pickCoords (evt, true)" />

Теперь он не только показывает координаты курсора в адресной строке Firefox (к сожалению, мне не удалось обновить заголовок окна, установив window.document.title  ), но и сохраняет нажатые точки (фактически, когда кнопка мыши отпущена). Изменяя значение ROUND_TO, можно изменить степень детализации значений, что отражается наложением - оставив 4 внутренних квадрата, переместится к другому значению, центральная точка которого является углом большего квадрата квадранта, который будет переехал в.

Стремясь опробовать его, я нашел относительно простой логотип на общих ресурсах: Top_200_images_that_should_use_vector_graphics и сумел быстро исправить неравномерность в кольцах. В качестве еще одного теста я векторизовал график из общих источников: Top_200_graph_images_that_should_use_vector_graphics, чтобы пользователю не приходилось искать легенду.

Неплохое развлечение в рождественскую неделю ୯ ͡ ° ͜১͡ ° ੭

Бахтинов маска принцип.svg ☎ 4 июл 2015 [ править ]

Во время посещения астрономической обсерватории я узнал об использовании маски Бахтинова для фокусировки телескопа. Изобретенный всего 7 лет назад астрономом-любителем, он изобретательно использует то, что обычно считается нежелательным артефактом: дифракционные пики . Поскольку мне не удалось найти в Интернете схему, объясняющую его работу, я решил нарисовать ее, ожидая автобуса из аэропорта обратно в Кембридж.

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

Возможно, я нашел новый способ лучше использовать время простоя в аэропорту !

cmglee Cambridge Science Festival 2015 Menger sponge.jpg ☎ 13 апреля 2015 г. [ редактировать ]

Я был рад увидеть на Кембриджском фестивале науки в этом году на Кембриджском фестивале науки модель губки Менгера, сделанной из переплетенной сложенной визитки , поэтому мне пришлось рассмотреть эту интересную перспективу через ее середину. Узнав больше о фрактале, я добавил в его статью несколько интересных моментов, в том числе изображение его любопытного поперечного сечения в середине.

Поскольку на фестивале много лет не хватало своей статьи, я также решил написать о ней и включить некоторые из моих более репрезентативных снимков: Кембриджский фестиваль науки

Вдохновленный слайдом одного из выступлений, я нарисовал этот график звездной эволюции на основе неаннотированного изображения, сделанного НАСА.

SVG-анимация ☎ 1 февраля 2015 г. [ править ]

Википедия, Викиучебники и Викиверситет отлично подходят для текстового и графического описания вещей. Однако некоторые концепции лучше объяснять в интерактивном режиме, например, сравнивая элементы набора или исследуя компоненты системы, но в настоящее время мы ограничены видеоклипами и анимацией GIF.

Теперь, когда масштабируемая векторная графика (SVG) получает широкую поддержку в веб-браузерах, я считаю, что нам следует изучить способы улучшения статей с помощью динамического SVG. JavaScript или ECMAScript предоставляют практически безграничные возможности для взаимодействия и анимации.

Основным препятствием является то, что загрузка с помощью JavaScript запрещена по понятным причинам из соображений безопасности - на таком популярном сайте, как Википедия, возникают проблемы с межсайтовыми сценариями. К счастью, SVG предоставляет два других метода интерактивности и анимации: SMIL и CSS.

Мой проект исследует их и направлен на создание демонстраций и руководств, позволяющих пользователям создавать динамический контент. Вот некоторые демонстраторы, разработанные на данный момент:

2014 [ править ]

Шаблон: Единицы СИ, производные от классической механики, ☎ 16 ноября 2014 г. [ править ]

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

В левой таблице представлены свойства трансляции, общие символы и единицы измерения, а в правой таблице - вращательные. Они классифицируются в соответствии с базовыми единицами СИ, из которых они получены, согласно схеме справа. Единственное, что меня беспокоит по поводу шаблона, - это то, как его назвать (на самом деле это скорее линейно-угловая аналогия), и потраченные впустую пробелы, особенно в широких окнах браузера.

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

территориальные споры в Южно-Китайском море ☎ 2 ноября 2014 г. [ править ]

Вчера я посетил образовательную лекцию на Кембриджском фестивале идей и был заинтригован сложностью территориальных споров в Восточной и Юго-Восточной Азии.

Вернувшись домой, я обнаружил, что, хотя в статье Википедии « Территориальные споры в Южно-Китайском море» описаны текущие споры , было трудно понять, какие страны были вовлечены в какие споры. Поэтому я решил добавить их в таблицу.

Я переработал идею, которую использовал на этой странице греческих островов в Wikivoyage (таблица справа): некоторые заголовки столбцов повернуты на 90 °, чтобы таблица не была слишком широкой. Я тестировал его в Chrome, Firefox, Opera и Internet Explorer. Заслуга Timwi , который сыграл важную роль, помогая мне развили его.

Жаль, что этот метод требует ручной настройки, такой как настройка ширины и высоты CSS ячеек таблицы, чтобы избежать выхода бокового текста за пределы ячейки. Также жаль, что символы Юникода «ЧЕРНЫЙ ФЛАГ» U + 2691 (⚑) и «ПЕРЕКРЕЩЕННЫЕ МЕЧИ» U + 2694 (⚔) некорректно отображаются в моих браузерах - в любом из них был бы гораздо более подходящий значок, чем галочка !

диапазон частот слуха животных .svg ☎ 26 октября 2014 г. [ править ]

Время от времени я слышу или читаю комментарий об исключительном диапазоне слышимости (с точки зрения частоты) летучих мышей, собак и других животных. Вдохновленный этой интересной статьей BBC , я решил сравнить ареалы животных, по которым я смог найти источники, включая людей. Для сравнения я добавил C (музыкальная нота) октав в диапазоне, рассчитанном из A440 (стандарт высоты тона) . Кажется, что, хотя летучие мыши могут слышать очень высокие частоты, их общий диапазон (в октавах) хуже нашего. Люди на самом деле не так уж и плохи, но абсолютные лидеры - морские свиньи и кошки, а также, что удивительно, хорьки и коровы - кто бы мог ожидать этого ?!

Это также была моя первая попытка (почти) кода полиглота, сочетающего SVG и Python (язык программирования) . Ранее я добавлял скрипты Perl и Python генератора в свои материалы SVG в качестве комментария. Я думаю, что включение кода генератора в SVG позволяет избежать его потери и поддерживать его в актуальном состоянии (хранение его, скажем, на странице описания файла Commons может привести к его несинхронизации, как я обнаружил в описаниях файлов).

Однако там, где статический SVG содержал встроенные изображения, такие как File: Volcanic eruption map.svg , это ужасно увеличивало размер файла. Чтобы минимизировать размер файла, я разделил SVG на две части:

1. Статический SVG - SVG, жестко закодированный в скрипт Python, такой как CSS и определения объектов.
2. Динамический SVG - SVG, созданный Python, например построенные графики.

К сожалению, я не смог сделать SVG полностью корректным кодом Python, так как он должен начинаться с того, <?xmlчто недопустимо в Python. Решение моего бедняги заключалось в том, чтобы проинструктировать пользователя удалить первую строку. Ниже приводится схема файла SVG.

Первая строка заканчивается комментарием SVG, чтобы закомментировать начало комментария Python, а также примечание для пользователя во второй строке. Когда первая строка удаляется, скрипт Python немедленно запускается с комментария блока, чтобы закомментировать весь код SVG:

<? xml version = "1.0" encoding = "utf-8"?> <! - "" "Чтобы восстановить скрипт Python для генерации этого SVG, удалите строку выше -> <svg  version = " 1.1 "  xmlns = "http://www.w3.org/2000/svg"  xmlns: xlink = "http://www.w3.org/1999/xlink"  width = "100%"  height = "100%"  viewBox = "[ x] [y] [ширина] [высота] " >  <title> ... </title>  <desc> ... </desc>  <defs> ...<! - BEGIN_DYNAMIC_SVG ->...<! - END_DYNAMIC_SVG ->  </defs>  <use  xlink: href = "#main" /> </svg> <! - Сохраните этот и другие комментарии, которые содержат код Python для создания этого SVG. "" "

Значения BEGIN_DYNAMIC_SVGи END_DYNAMIC_SVG sentinel сообщают скрипту Python, куда вставлять динамически сгенерированный SVG. Группа верхнего уровня с id="main""используется", а SVG обернут собственно кодом Python в виде комментария SVG.

Все, что сценарий Python хочет динамически выводить, сохраняется в вызываемом списке строк outs, который позже «объединяется» в строку. Последняя строка закрывает комментарий SVG, чтобы сделать его допустимым файлом SVG. Обратите внимание, что в сценарии Python не должно быть двух последовательных тире, поскольку это выглядит так, как будто комментарий закрывается; переменная double_dash - это обходной путь.

# Сохранить вывод как группу с id = "main" в строковом массиве "out" import  re ...# Код скомпилировать все в .svg файл следует ... double_dash  =  '-'  +  '-'  # потому что SVG комментарии не может иметь 2 последовательных «-'s сам  =  открыт ( __FILE__ ,  'г' ) . read ()  # содержимое этого самого файла file_out  =  open ( re . sub ( r '\ .. *? $' ,  '' ,  __file__ )  +  '.svg' ,  'w' )  # *. * -> * .svg попробуйте : # используйте try / finally, чтобы файл был закрыт, даже если запись не удалась  file_out . write ( '' '<? xml version = "1.0" encoding = "utf-8"?> <! % s% s '' '  %  ( double_dash ,  re . sub ( r ' (BEGIN [_] DYNAMIC_SVG. * \ n?) [\ s \ S] * (\ n. * END [_] DYNAMIC_SVG) ' ,  r ' \ 1 % s \ 2 '  %  ( ' ' . Join ( out ) . Strip ( ' \ n ' )),  я )))  # наконец заменить динамический блок SVG содержимым "out" :  file_out . close () # Фреймворк SVG-Python для почти полиглотов от CMG Lee (октябрь 2014 г.) ->

Все это кажется излишне запутанным; если вы можете придумать лучший способ, дайте мне знать !

cmglee Cambridge Wikimedia Meetup 23 тур Chesterton Tower.jpg ☎ 23 сентября 2014 г. [ править ]

Я имел честь встретиться с заслуженным профессором Брайаном Джозефсоном, лауреатом Нобелевской премии по физике 1973 года, в субботу на пешеходной экскурсии по северо-востоку Кембриджа под руководством Чарльза Мэтьюза , одного из пионеров Википедии. Вместе с Wiki Loves Monuments Чарльз решил провести экскурсию по менее известным памятникам архитектуры в Кембридже , а именно. Кембриджский музей технологий и Честертон башни , перед очередным Кембриджским Meetup .

Мы также видели Риверсайд-Бридж , Быструю башню, заповедник Логан-Мидоу и мост Элизабет-Уэй , прежде чем вернуться в кафе CB2 за горячим шоколадом. Возможно, из-за дождя приехали всего 3 человека. Я предлагаю, чтобы у нас было больше прогулок, но после встреч, чтобы участников можно было убедить присоединиться к нам !

• Перед башней Честертон

• В Музее Технологии

Малайзия tree diagram.svg ☎ 8 сен 2014 [ править ]

Пользователь: Wdcf предоставил проницательную графику, дающую обзор сложной истории Малайзии . Более трех лет назад я раскрасил полосы фона и добавил карту, чтобы показать расположение этих политических образований.

Изучив SVG, я подумал, что его можно перерисовать, как в векторной графике, и наконец приступил к задаче в эти выходные. Я воспользовался возможностью, чтобы добавить последние события, а именно. формирование федеральных территорий. Я также увеличил текст, чтобы более мелкие миниатюры были удобочитаемы. Сбалансировать размер шрифта, межбуквенный интервал и уместить все в соответствующем столбце было непросто! К сожалению, MediaWiki имеет проблемы с рендерингом выровненных по центру элементов tspan в одной строке, что можно увидеть в анимации кругов квадратной волны серии Фурье animation.gif ниже, поэтому мне пришлось использовать заглавные буквы для названий мест вместо красного текста (по крайней мере, они не похожи на ссылки, по которым нужно щелкнуть).

теорема равнораспределения.svg ☎ 9 августа 2014 г. [ править ]

Привет из Викимании 2014 !

Эти графики были вдохновлены вопросом, который Пользователь: Alex_Great задал мне на моей странице обсуждения : как автоматически генерировать случайные цвета для графиков и т. Д. После направления его на http://martin.ankerl.com/2009/12/09/how-to -создать-случайные-цвета-программно / , мне стало любопытно , что такое последовательности с низким расхождением , и я узнал о последовательности Ван дер Корпута и теореме равнораспределения .

Поскольку мне было любопытно, как выглядят последовательности на числовой прямой, я использовал технику визуализации, которую Пользователь: Тимви использовал в статье о неравномерности распределений , и я написал сценарий Python для визуализации графиков. Это моя первая попытка использовать Python для вывода SVG (ранее я использовал Perl). Неожиданным результатом стал результат π , у которого были четкие полосы, потому что milü , рациональное число 355/113, очень близко к его значению.

Я также обнаружил двухмерную версию, названную последовательностью Холтона , но вместо построения графика, который пользователь: Джилд уже сделал, я решил показать эволюцию последовательности:

сравнение первичных зеркал оптического телескопа.svg ☎ 7 июля 2014 г. [ править ]

Я читал об Очень большом телескопе, Европейском чрезвычайно большом телескопе и Чрезвычайно большом телескопе (когда у них закончатся наречия ?!), но не мог представить, насколько увеличивается каждый из них, поэтому я нарисовал этот рисунок, сравнивая номинальные размеры главных зеркал некоторых крупных существующих и будущих оптических телескопов с различными объектами, такими как теннисные и баскетбольные площадки, и радиотелескопа Аресибо.

Телескопы имеют цветовую маркировку в зависимости от страны, в которой они расположены, и от того, существуют ли они в настоящее время. Их размеры указаны в Интернете, хотя отверстия в большинстве зеркал не показаны из-за недостатка данных. Пунктирными кружками показаны зеркала с эквивалентной светосилой.

Я поражен тем, насколько огромным был бы отмененный «Чрезвычайно большой телескоп», и, наоборот, насколько относительно малы космические телескопы (даже JWST). Также обратите внимание, что отверстие в E-ELT размером с все зеркало крупнейших современных телескопов!

Что касается SVG, я впервые использую CSS в оригинальном SVG. Замечательная идея - надо почаще ...

Очень красивая картинка! Но я замечаю, что сегментированные зеркала показывают центральную апертуру, в то время как все круглые зеркала показаны сплошными. LSST, например, имеет чрезвычайно большую центральную апертуру (отверстие 5116 мм при внешнем диаметре 8360 мм), что значительно уменьшает его собирающую площадь. . Аналогичным образом, OWL имел очень большую (33 м) центральную апертуру из-за решения использовать плоскую вторичную обмотку. Хотите список размеров различных телескопов? 71.41.210.146 ( разговорное ) 01:12, 10 июля 2014 (UTC)

Спасибо за ваш комментарий и комплимент (извините, я не узнал вашего имени). Я бы определенно предпочел показать апертуры, хотя, как я отмечал в описании файла , я мог показать только те, для которых я смог найти опубликованные данные (Википедия не рекомендует проводить оригинальные исследования). Если бы вы могли связать меня с отсутствующими, я был бы очень признателен! cmɢʟee ⎆ τaʟκ 17:57, 25 июля 2014 г. (UTC)

Да, извините, я увидел это после того, как написал вышеупомянутый комментарий, и не хотел удалять его через два дня. Я посмотрю что я могу сделать. 71.41.210.146 ( разговорное ) 15:20, 26 июля 2014 (UTC)

Список размеров центральных отверстий для всех изображенных твердых зеркал теперь находится на File talk: Comparison оптического телескопа primary mirrors.svg 71.41.210.146 ( talk ) 09:28, 28 июля 2014 г. (UTC)

ОБНОВЛЕНИЕ 23 СЕНТЯБРЯ 2014 : Пользователь: 71.41.210.146 обратил мое внимание на эту самую графику, появившуюся в Gizmodo / Sploid . Ура !

Titanic casualties.svg ☎ 14 июня 2014 г. [ править ]

Недавно я решил изучить статистическую диаграмму, которую иногда высмеивают: пиктограммы .

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

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

С этой целью я нарисовал эти пиктограммы, которые, как мне кажется, дают лучшее изображение (не обращайте внимания на каламбур!) Предмета, чем любой другой тип диаграмм. Есть предположения?

Круги квадратной волны ряда Фурье animation.gif ☎ 4 мая 2014 г. [ править ]

Это видео отлично визуализирует эффект увеличения числа членов в ряду Фурье . Мне жаль, что я не видел этого, когда я изучал преобразования Фурье и т. Д., Поэтому, чтобы помочь будущим студентам, я решил сравнить четыре функции, используя ту же технику:

• Визуализация приближения прямоугольной волны путем взятия первых 1, 2, 3 и 4 членов ее ряда Фурье. θ равно 2 πt .

• Визуализация приближения пилообразной волны той же амплитуды и частоты для сравнения

• Симметричная треугольная волна той же амплитуды и частоты (обратите внимание на гораздо более быструю сходимость)

• Кубическая функция θ ³ для - π < θ < π (сравните с пилообразной волной)

Анимации были созданы путем создания SVG из 60 кадров и загрузки их на Wikimedia Commons для рендеринга в PNG, которые, к сожалению, выровняли по центру первый tspan (а не всю строку) каждого знаменателя. Затем они были загружены, нарезаны и объединены в анимацию GIF с помощью следующих команд ImageMagick :

convert.exe Fourier_series_square_wave_circle_animation.svg.png -crop 1x60 @ + repage + adjoin Fourier_series_square_wave_circle_animation _ %% 03d.pngconvert.exe -delay 10 -loop 0 -page + 0 + 0 ^ Fourier_series_square_wave_circle_animation_000.png ^ Fourier_series_square_wave_circle_animation_001.png ^ Fourier_series_square_wave_circle_animation_002.png ^ Fourier_series_square_wave_circle_animation_003.png ^ Fourier_series_square_wave_circle_animation_004.png ^ Fourier_series_square_wave_circle_animation_005.png ^ Fourier_series_square_wave_circle_animation_006.png ^ Fourier_series_square_wave_circle_animation_007.png ^ Fourier_series_square_wave_circle_animation_008.png ^ Fourier_series_square_wave_circle_animation_009.png ^ Fourier_series_square_wave_circle_animation_010.png ^ Fourier_series_square_wave_circle_animation_011.png ^ Fourier_series_square_wave_circle_animation_012.png ^ Fourier_series_square_wave_circle_animation_013.png ^ Fourier_series_square_wave_circle_animation_014.png ^ Fourier_series_square_wave_circle_animation_015.png ^ Fourier_series_square_wave_circle_animation_016.png ^ Fourier_series_square_wave_circle_animation_017.png ^ Fourier_series_square_wave_circle_animation_018.png ^ Fourier_series_square_wave_circle_animation_019.png ^ Fourier_series_square_wave_circle_animation_020.png ^ Fourier_series_square_wave_circle_animation_021.png ^ Fourier_series_square_wave_circle_animation_022.png ^ Fourier_series_square_wave_circle_animation_023.png ^ Fourier_series_square_wave_circle_animation_024.png ^ Fourier_series_square_wave_circle_animation_025.png ^ Fourier_series_square_wave_circle_animation_026.png ^ Fourier_series_square_wave_circle_animation_027.png ^ Fourier_series_square_wave_circle_animation_028.png ^ Fourier_series_square_wave_circle_animation_029.png ^ Fourier_series_square_wave_circle_animation_030.png ^ Fourier_series_square_wave_circle_animation_031.png ^ Fourier_series_square_wave_circle_animation_032.png ^ Fourier_series_square_wave_circle_animation_033.png ^ Fourier_series_square_wave_circle_animation_034.png ^ Fourier_series_square_wave_circle_animation_035.png ^ Fourier_series_square_wave_circle_animation_036.png ^ Fourier_series_square_wave_circle_animation_037.png ^ Fourier_series_square_wave_circle_animation_038.png ^ Fourier_series_square_wave_circle_animation_039.png ^ Fourier_series_square_wave_circle_animation_040.png ^ Fourier_series_square_wave_circle_animation_041.png ^ Fourier_series_square_wave_circle_animation_042.png ^ Fourier_series_square_wave_circle_animation_043.png ^ Fourier_series_square_wave_circle_animation_044.png ^ Fourier_series_square_wave_circle_animation_045.png ^ Fourier_series_square_wave_circle_animation_046.png ^ Fourier_series_square_wave_circle_animation_047.png ^ Fourier_series_square_wave_circle_animation_048.png ^ Fourier_series_square_wave_circle_animation_049.png ^ Fourier_series_square_wave_circle_animation_050.png ^ Fourier_series_square_wave_circle_animation_051.png ^ Fourier_series_square_wave_circle_animation_052.png ^ Fourier_series_square_wave_circle_animation_053.png ^ Fourier_series_square_wave_circle_animation_054.png ^ Fourier_series_square_wave_circle_animation_055.png ^ Fourier_series_square_wave_circle_animation_056.png ^ Fourier_series_square_wave_circle_animation_057.png ^ Fourier_series_square_wave_circle_animation_058.png ^ Fourier_series_square_wave_circle_animation_059.png ^ -coalesce -depth 3 -colors 32 -dither FloydSteinberg Fourier_series_square_wave_circle_animation.gif

таблица Менделеева нуклеосинтеза.svg ☎ 31 мар 2014 [ править ]

Как трогательно выразился Нил де Грасс Тайсон [3] , поразительным фактом является то, что мы являемся звездной пылью - большинство элементов в наших телах (за исключением некоторых недавних продуктов радиоактивного распада) были созданы в звездах, космическими лучами или во время Большого взрыва. сам.

Во время выступления в Кембриджском институте астрономии докладчик представил слайд, похожий на эту периодическую таблицу, показывающий происхождение элементов. Я был удивлен, обнаружив Википедию без эквивалентной графики, поэтому решил сделать ее!

Сам SVG прост, единственный интересный бит быть Appley skeuomorphic градиент затенение я «изобрел» , когда делает Git график слева:

<linearGradient id = "grad_shade" x1 = "0%" y1 = "0%" x2 = "0%" y2 = "100%"> <stop offset = "10%" stop-color = "# ffffff" stop-opacity = "0,5" /> <stop offset = "90%" stop-color = "# 000000" stop-opacity = "0" /></linearGradient>

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

сравнение МКС HST вращается вокруг земного шара с центром в Кабо-Верде.svg ☎ 28 февраля 2014 г. [ править ]

Я поймал Гравитацию в полете и поразился удивительным спецэффектам и невероятной точности изображения космического путешествия, особенно тому, как сработал сигнал тревоги, когда галлюцинация увеличила давление воздуха, и как "Союз" выправился во время входа в атмосферу. .

Тем не менее, одна из популярных проблем заключается в том, насколько легко было путешествовать между Хабблом, МКС и Тяньгун. Конечно, можно представить себе альтернативную вселенную, в которой они помещены на почти идентичные орбиты. Когда фильм только вышел, я нарисовал этот рисунок, чтобы показать, насколько различаются настоящие орбиты МКС и Хаббла. Даже если бы они были на одной высоте и почти одинаковой долготе / широте, их орбитальные наклонения потребовали бы огромного изменения дельта-v, что, я сомневаюсь, мог бы обеспечить рюкзак.

Что касается создания изображения, я столкнулся с классической проблемой «рисования Сатурна с его кольцами»: как нарисовать круг с эллипсом как позади, так и перед ним?

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

Burj Khalifa sizes.svg ☎ 14 января 2014 г. [ править ]

Эта двумерная проекция самого высокого здания в мире - моя первая анимация SVG с использованием CSS3 . Ранее я использовал JavaScript / ECMAScript для анимации SVG, но загрузчик Викимедиа отклонил его, поскольку JavaScript считался угрозой безопасности. Использование CSS3 более ограничено, позволяя неинтерактивную анимацию различных атрибутов, в данном случае атрибута преобразования .

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

1. Частота кадров анимации: каждый этаж состоит из 12 элементов (по 6 для каждой заливки и обводки - объединение обоих привело к уродливой избыточной линии на вершине каждого лепестка), а наличие более 200 этажей означало, что нужно было более 1200 элементов для анимировать в каждом кадре,
2. Острые углы основания и шпилей «этажей», создающие неровный силуэт, и
3. Средство визуализации Mediawiki игнорирует CSS3 - было бы идеально, если бы он отображал анимированный GIF (анимированные PNG поддерживаются хуже).

Я был настолько доволен, что применил его задним числом к ​​модели Absolute World Tower и был еще более впечатлен качеством рендеринга. Поскольку элементов было меньше, а полы были более округлыми, анимация и силуэт стали более плавными. То, что средство визуализации Mediawiki игнорирует CSS3, использовалось для отображения самой правой текстовой метки только в статической миниатюре.

К сожалению, поддержка CSS3 браузером по-прежнему неоднородна: тестовая анимация падающих снежинок работает в Chrome, но не в Firefox 26.0. На момент написания никто не предложил исправление или обходной путь для этой ошибки  :-(

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

ОБНОВЛЕНИЕ 26 января 2016: пользователь: RaphaelRBarbosa напомнил мне, что анимация снежинок теперь работает в Firefox - спасибо, Рафаэль !

2013 [ править ]

проблема сборщика купонов.svg ☎ 28 декабря 2013 г. [ править ]

Я играю в игру, в которой персонажи создают различные скульптуры, каждая попытка генерирует 1 из 12 возможных скульптур наугад. Каждый раз, когда я завершаю «коллекцию» из 12 человек, я получаю бонус и начинаю новую коллекцию.

Интересно, сколько попыток мне нужно в среднем, чтобы собрать коллекцию с нуля. Поиск познакомил меня с проблемой сборщика купонов . Перефразируя статью,

В теории вероятностей , в проблеме купонов коллекционной описывает «собрать все купоны и выиграть» конкурсы. ... Учитывая n купонов, сколько купонов E  ( T  ) вы ожидаете, что вам нужно будет вытянуть с заменой, прежде чем каждый купон будет использован хотя бы один раз?

В ответе используется серия, о которой я читал, но никогда не знал применения: серия Harmonic в форме

H _n =1/1 + 1/2 + 1/3 + 1/4 + 1/5 + ... + 1/п

Математическая индукция дает E  ( T  ) = n  H _n , которое я построил для n от 1 до 60 (чтобы охватить случай 52 игральных карт - я бы предпочел 100, но из-за этого меньшие полосы слишком трудно увидеть. ).

Я добавил пунктирные линии, чтобы показать количество попыток, необходимое для каждого купона. Хотя это значение увеличивается, оно увеличивается довольно медленно, как следует из того, что E  ( T  ) линейно пропорционально n  log n .

Возвращаясь к моей игре, мои 12 скульптур, таким образом, потребуют в среднем 38 попыток. На практике я обнаружил, что требуется меньше попыток, возможно, потому, что это было не так случайно, как я думал.

Кстати, мне нравится элегантное доказательство того, что гармонический ряд расходится (стремится к бесконечности, когда n приближается к бесконечности), в отличие от геометрического ряда с соотношением от -1 до 1 (не включительно). Я когда-нибудь подумаю о том, чтобы составить доказательство без слов ...

Rolling Shutter effect.svg ☎ 10 ноября 2013 г. [ править ]

Раньше меня сбивали с толку фотографии, подобные той, что изображен вертолет слева, и я задавался вопросом, что на Земле могло вызвать такое искажение лопастей! Недавно я узнал, что это эффект скользящего затвора на многих цифровых камерах, особенно на мобильных телефонах.

В отличие от пленочных камер, которые экспонируют весь кадр одновременно (на самом деле у них тоже есть жалюзи, но эффект заметен только при очень коротких выдержках), камеры без механического затвора экспонируют и считывают строку за раз. Это означает, что к моменту захвата последней строки быстро движущийся объект значительно переместится с того места, где он находился при захвате первой строки.

Чтобы более точно проиллюстрировать деформацию, я придумал последовательность из 24 кадров вращающегося диска и смоделировал рольставни, сканирующую строку за раз. В каждом кадре левая половина показывает состояние диска и положение захваченной строки, а правая половина показывает изображение, захваченное до этого момента. К сожалению, в Mediawiki (не в Firefox или Chrome) есть ошибка, которая отображает некоторые артефакты в верхних строках; Полагаю, мне не понравились мои 24 уровня вложенности для создания последовательности захваченных изображений, большинство из которых я использовал на сегодняшний день.

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

Чтобы завершить симуляцию, я разрезал изображение на 24 слоя в GIMP и сшил их в GIF-анимацию .

Позже я нашел это видео, которое объясняет это даже лучше. Возможно, я сделаю похожую анимацию в будущем ...

ОБНОВЛЕНИЕ 31 МАР 2014 : Очень рад видеть, что мою анимацию не только используют на Vsauce , но и ведущий Майкл Стивенс даже построил на ней, чтобы объяснить, что наш вид на галактику Андромеды страдает от эффекта скользящего затвора .

Каталог Hipparcos equirectangular plot.svg ☎ 21 октября 2013 г. [ править ]

Файл: Hipparcos_Catalogue_equirectangular_plot.svg ознаменовал завершение моего трио карт объектов в ночном небе, все прямое восхождение против склонения в равнопрямоугольной сетке:

cmglee London FCO Grand Staircase.jpg ☎ 28 сентября 2013 г. [ редактировать ]

Еще один год, еще один День открытых дверей в Лондоне !

На этот раз мне удалось выиграть голосование за место в автобусном туре Arriva Heritage Bus Tour , в котором использовался последний классический Routemaster , RM2217, чтобы доставить нас к 5 достопримечательностям:

1. Королевское общество ,
2. Аптекарский зал ,
3. Моэна библиотека из Королевского колледжа в Лондоне ,
4. Мидл Темпл и
5. Один Епископы площади .

Я также посетил Министерство иностранных дел и по делам Содружества (FCO), и Музей Брюнеля и его недавно открывшуюся входную шахту туннеля Темзы .

Конечно же, приехала моя надежная камера, так что вот еще одна партия фотографий для вашего удовольствия ...

• Кабина водителя Routemaster RM2217

• Большой зал аптекарского зала

• Комната Уэстона библиотеки Могана

• Зал среднего храма

• Вид на Спиталфилдс с площади Епископов

• FCO Durbar Court

миллион награды logo.svg ☎ 27 августа 2013 г. [ править ]

Сегодня я получил свой первый запрос от Викимедиа на дизайн логотипа (очень давнее хобби) для так называемой премии «Миллион» , что, по моему мнению, является хорошей идеей - хотя мне нравится рисовать красивые картинки своих интересов, я долго думал что мои усилия приносят больше пользы обществу, когда я трачу их на популярные темы, которых почему-то не хватает.

Заказчик , Пользователь: Khazar2 адаптировал мою визуализацию 1 миллиона изображений (см. Ниже), поэтому я продолжил в том же направлении. Соответствуя теме «миллиона», средний куб имеет одну миллионную виртуального объема большого куба, в то время как цвета CMYK вызывают идею «статей» в традиционном печатном смысле. Будем надеяться, что «1M» не зависит от языка, и звезда является обычным мотивом для таких наград, как Barnstar.

Перекошенный текст - это также мое первое использование аффинного преобразования матрицы SVG , и я был рад, что нижний правый край звезды (просто символ Юникода U + 272A ) выровнялся с нижней правой стороной куба. Это также была моя первая попытка указать конкретный шрифт, в данном случае шрифт с сужающимися (не плоскими) засечками, чтобы буквы «1» и «M» выглядели более элегантно и напоминали печатный текст.

В общем, это был забавный маленький проект на день !

cmglee Horniman London skyline.jpg ☎ 25 июля 2013 г. [ править ]

Я снова посетил музей Хорнимана , один из моих любимых музеев в Лондоне, из-за их подхода к образованию, заключающегося в сравнении артефактов из разных культур. Мне также нравятся их препараты из кожи скелета, которые показывают только скелет в половине чучела животного, поскольку он показывает, как кости (и, следовательно, мышцы и внутренние органы) вписываются в тело. Вот несколько примеров:

• Голубь

• Фруктовая летучая мышь

• Кролик

• еж

• Дельфин

• Черепаха

Я также переснял горизонт Лондона из Форест-Хилла, чтобы показать готовый Осколок . К сожалению, летний воздух был довольно туманным, но некоторая обработка изображений помогла. В стиле Хорнимана, посмотрите, как город изменился за полтора года !

Больше фотографий на Commons

Шаблон: Формулы метаболизма алкоголя ☎ 25 июня 2013 г. [ править ]

Лаборатория молекулярной биологии открыл свои двери для публики в сб, 22 июня, так что мои друзья и я посещал некоторые переговоры, выставки и тур своего нового дома. (Я тоже воспользовалась возможностью сделать несколько фото !)

Один из выступавших рассказал о мутации, вызывающей, возможно, самый высокий риск рака в мире: ALDH2 * 2.

Поскольку Китай быстро принимает культуру употребления алкоголя, около 25% жителей Восточной Азии (около 300 миллионов человек) сталкиваются с повышенным риском рака пищевода . Если я правильно понял, риск того, что пострадавший выпьет, по сравнению с здоровым, больше, чем риск рака легких от курения (конечно, количество имеет значение ...)

Я не смог найти график распада алкоголя на странице реакции на промывку спиртом , поэтому попытался создать его. Я мог бы сделать это в SVG, но подумал, что это будет интересный эксперимент - сделать это в математическом «редакторе формул» L ^A T _E X. Мне пришлось немного изменить интервал, и я не смог нарисовать диагональные двойные связи, но справился со следующим:

${\displaystyle {\begin{smallmatrix}&{\text{H}}&&{\text{H}}&&&&{\text{H}}&&{\text{H}}&&&{\text{H}}&&&\\&|&&|&&{\mathsf {ADH}}&&|&&|&{\mathsf {ALDH}}&&|&&&\\{\text{H}}\,-\!&{\text{C}}&\!-\!&{\text{C}}&\!-\,{\text{O}}\,-\,{\text{H}}&{\xrightarrow {\qquad }}&{\text{H}}\,-\!&{\text{C}}&\!-\!&{\text{C}}&{\xrightarrow {\qquad \ }}&{\text{H}}\,-\!&{\text{C}}&\!-\!&{\text{C}}&\!-\,{\text{O}}\,-\,{\text{H}}\\&|&&|&&&&|&&\|&&&|&&\|&\\&{\text{H}}&&{\text{H}}&&&&{\text{H}}&&{\text{O}}&&&{\text{H}}&&{\text{O}}&\\\end{smallmatrix}}}$

Метаболизм спирта (этанола) в ацетальдегид (этаналь), а затем уксусную кислоту (этановую кислоту)

Whatjsay ? :-)

вечный календарь cycle.svg ☎ 14 июн 2013 [ править ]

Изображение Тимви на http://imgur.com/gallery/eUMMCtb снова заинтересовало меня календарями - должно быть, я старею !

Его самая удивительная находка заключалась в том, что 400-летний цикл григорианского календаря (который используется сегодня в повседневной жизни) кратен 7 дням, что означает, что цикл повторяется ровно каждые 400 лет. Но каким бы интересным и красочным ни был его рисунок, он не помог мне понять, как на самом деле меняются 14 возможных календарей, поэтому я решил нарисовать свой собственный ...

В отпуске я написал быструю программу для вывода в простой текстовый файл одной строкой, разделенной пробелами:

• День недели 1 января каждого года с 2001 по 2400 (в отличие от выбора Тимви с 2000 на 2399, я начал с 2001, чтобы редкий 400-летний скачок 29 февраля 2000 года после 1 января не нарушил схему ), а также
• Был ли год високосным.

Изменение ширины окна текстового редактора позволило мне увидеть, через сколько лет шаблон более или менее повторяется.

Ответом было 28, что неудивительно, наименьшее общее кратное 7 (дней в неделе) и 4 (почти каждый 4-й год - високосный), образец нарушается только невисокосными 2100, 2200 и 2300 годами. 28 столбцов будут, Однако я был слишком широким, поэтому я решил сначала спуститься, а потом спуститься вниз.

Теперь узор казался более регулярным, но годы без високосных веков все еще были разрушительными, пока у меня не возникла идея пропустить необходимое количество ячеек до тех пор, пока узор не возобновится. На самом деле есть 2 возможных места, куда может пойти каждый год без високосного века. Я выбрал более поздний, чтобы 2300 не попал в верхнюю часть его столбца.

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

PS Я перерисовал графику в Wikitext ниже, если кому-то нужна HTML-копия.

Деван Ракьят 2013 Equal Area.svg ☎ 9 мая 2013 г. [ править ]

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

Честно говоря, большая заслуга принадлежит User: Hytar, который составил картограмму для всеобщих выборов в Малайзии в 2008 году . Я просто исправил несколько мелких косметических проблем, привел в порядок код SVG и обновил данные, чтобы отразить результаты 2013 года. Из-за его или ее разумного использования CSS задача была довольно простой.

Я также должен воздать должное Хитарю за его поддержку и вежливость - образец Википедии, если таковой был !

Следующее задание - обновить файл: Dewan_Undangan_Negeri_2008_Equal_Area.svg результатами этого года. Хитар сослался на некоторые распространяющиеся электронные таблицы. Получение одного значительно упростит обновление 505 шестиугольников.

Шаблон: Blakey_65moll.jpg_K / T_impact_site ☎ 9 апреля 2013 г. [ редактировать ]

{{ Blakey_65moll.jpg_K / T_impact_site }} Сегодня я открыл для себя новую технику аннотирования изображений с использованием шаблона аннотированного изображения . Ранее я преобразовывал растровые изображения в Base64 и вставлял их в файлы SVG. С помощью шаблона я мог добавлять метки к любому изображению прямо в разметке Wiki.

Например, приведенный ниже код создает изображение справа. Шаблон также позволил мне обрезать стороны проекции Mollweide , чтобы графика поместилась внутри текста и при этом позволяла четко видеть детали на карте. Чтобы изолировать метку от растрового изображения, я дважды повторил ее черным цветом с небольшими смещениями для имитации контура - альтернативой было использование тени CSS, но поддержка CSS для нее рискованна.

Я был удивлен, обнаружив множество карт кратера Чиксулуб , места проведения мелового и палеогенового_extinction_event , но ни одной карты мира, показывающей это место, на Викимедиа. Конечно, 65 миллионов лет назад мир выглядел немного иначе!

{{Изображение с аннотациями | изображение = | caption = Место падения K / T на карте современного мира (65 млн лет назад) <ref> [http://www.scotese.com/K/t.htm K / T вымирание] </ref> | ширина = 300 | высота = 190 | ширина изображения = 400 | изображение-слева = -45 | image-top = -3 | annotations = {{Annotation | 74 | 64 | * Сайт, на который влияет | font-weight = bold | color = black}} {{Аннотация | 76 | 66 | * Сайт воздействия | font-weight = bold | color = black}} {{Аннотация | 75 | 65 | * Сайт воздействия | font-weight = bold | color = white}}}}

ОБНОВЛЕНИЕ 26 ЯНВАРЯ 2016: Похоже, карты были удалены из-за нарушения авторских прав; Посмотрю, смогу ли я их перерисовать в будущем.

chain hoist.svg ☎ 10 марта 2013 г. [ править ]

С тех пор, как я узнал о шкиве дифференциала , меня заинтриговал механизм. Хотя он внешне напоминает блок и захват , по крайней мере два его шкива представляют собой звездочки, которые входят в зацепление с цепью, отсюда и другое его название - «цепная лебедка». Кроме того, эти два шкива соединены вместе, и соотношение их диаметров (или радиусов) определяет его механическое преимущество .

Рисование изображения было интересным упражнением в SVG-взломе:

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

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

Я оставил проблему больше года, прежде чем открыл для себя маски . Теперь я мог нарисовать цепочку без отверстий и наложить все на любой фон. Эксперимент слева, карта мира с границами, замененными цепями, доказал, что этот метод возможен, если повороты не слишком крутые. Взлом был успешно применен к изображению дифференциального шкива (справа), хотя позже я обнаружил, что у Google Chrome проблемы с моей маской. Ну что ж...

ОБНОВЛЕНИЕ 20 АВГУСТА 2019 ГОДА : Показывая его Дерику Чану в автобусе из аэропорта NYO до Wikimania '19, я вспомнил две ошибки:

1. Ссылки истончены в местах пересечения цепи.
2. Звенья квадратного сечения

и починил их на обратном пути в Кембридж.

Commons: Категория: Исторические образы Пенанга ☎ 3 марта 2013 г. [ править ]

Вчера я снова встретился с пользователем: Чарльзом Мэтьюзом , пользователем: Дериком Чаном и пользователем: Магнусом Манске на встрече номер 17 в Кембридже Викимедиа, и они убедили меня, что произведения искусства 1850 года и ранее во всем мире считаются общественным достоянием. Таким образом, я завершил загрузку 50 исторических картин и рисунков Пенанга, хранящихся в музее и художественной галерее Пенанга . Работы показывают гораздо более тихий остров по сравнению с шумным сегодняшним городом , но, вероятно, представляют романтизированную перспективу европейского колониста. Тем не менее, он служит хорошим историческим свидетельством острова .

Есть 11 других произведений, датируемых после 1850 года, и 2 с неустановленной датой. Возможно, кто-то сможет загрузить их, поскольку они вышли из-под авторских прав в ближайшие годы ...

• Вид с холма Пенанг (около 1924 г.)
• Герцог Эдинбургский на Пенанге, дамба при дворе Просьбы (неизвестно)
• Герцог Эдинбургский на Пенанге, дамба при дворе просьб (неизвестно)

ОБНОВЛЕНИЕ 9 СЕНТЯБРЯ 2018: Прочитав Commons: Commons: Village_pump / Copyright / Archive / 2017/03 # Cut-off_date_for_the_PD-old_template , я решил, что безопасно загружать все, кроме последних трех картин (1876 год - это 142 года назад - дольше, чем предложены самые консервативные 140 лет - но 1924 - это только 94)

sexagenary cycle years.svg ☎ 9 февраля 2013 г. [ править ]

Поскольку завтра в нескольких азиатских культурах отмечается лунный Новый год, я сделал несколько связанных иллюстраций.

Я иногда задавался вопросом, как китайцы решают, что конкретный год является годом Водяной Змеи (например). Я знал, что 12 животных китайского зодиака идут последовательно, но элемент оставался загадкой. В статье о шестидесятилетнем цикле поясняется : элементы цикличны в том порядке, в котором дерево , огонь , земля , металл и вода меняются каждые два года (первый год - это ян, а второй - инь.). Имея это в виду, я нарисовал рисунок справа, добавив числовые годы. Поскольку это было не сразу очевидно, я также добавил извилистую линию, чтобы показать прогрессию - надеюсь, это не слишком беспорядочно ... Сначала я выложил годы в таблицу, прежде чем понял, что они охватывают обе оси X и Y: поверхность тороида ! Увы, нарисовать тороидальную поверхность не так-то просто, поэтому лучшее, что я смог сделать, это сделать кольцо (математика) и обернуть элемент в радиальном направлении.

Рисунок слева основан на хитроумной оптической иллюзии, которая обманом заставляет мозг видеть движение там, где его нет. Оригинал, названный « Вращающиеся змеи » психологом Китаока Акиёси, является примером иллюзии периферийного дрейфа, которая воздействует на периферийное зрение зрителя . Для достижения наилучшего эффекта следует использовать изображение как можно большего размера, например, это . Еще более потрясающая иллюзия обнаруживается на обложке инди-альбома Merriweather Post Pavilion .

Поздравляем всех, кто его встречает, с Новым годом по лунному календарю !

сравнение pyramids.svg ☎ 31 января 2013 г. [ править ]

Я только что обновил свое сравнение некоторых пирамидальных зданий, добавив рухнувшую пирамиду в Мейдуме, чтобы заменить боснийскую «Пирамиду Солнца», которая была принудительно удалена из-за неправильного представления о том, что я пытался продвигать боснийский холм как здание. Это никогда не входило в мои намерения - я думал, что включение его в график только подчеркивает, насколько до смешного он огромен по сравнению с другими пирамидами. Тем не менее, редактор удалил его, оставив на этикетках некрасивый пробел.

Тем временем я думал о включении пирамиды Meidum, но чувствовал, что мои навыки SVG были недостаточными в то время. Теперь, когда у меня был больший опыт работы с кривыми Безье и пробел, который нужно заполнить, я проследил эту иллюстрацию и добавил ее к рисунку, перенумеровав пирамиды в процессе (я проверил, что ни одна страница, на которой она использовалась, не ссылалась на числа).

Думаю, вы не можете выиграть каждую битву, но вы можете извлечь максимальную пользу из результата !

ОБНОВЛЕНИЕ 16 НОЯБРЯ 2014: Я сделал гиперссылку на ярлык и профиль каждой «пирамиды», так что при наведении указателя на них выделяется, а при нажатии открывается ее статья в Википедии.

Шаблон: Расстояние от Солнца с использованием EasyTimeline ☎ 2 января 2013 г. [ править ]

Сегодня отмечается Перигелий Земли , момент в году, когда Земля находится ближе всего к Солнцу, что парадоксально близко к самому холодному времени года в Северном полушарии!

Некоторое время назад я обнаружил возможность визуализировать графику в статье, просто написав некоторый код, вместо того, чтобы загружать изображение (например, SVG) и включать его: EasyTimeline .

Первоначально разработанный для создания временных шкал , его можно использовать для рисования гистограмм в целом. Я впервые использовал его - это диаграмма ниже, графически иллюстрирующая диапазон расстояний, на которые некоторые тела Солнечной системы могут находиться от Солнца. Можно видеть, что внутренние планеты имеют почти круговые орбиты, тогда как внешние карликовые планеты и комета Галлея имеют очень эксцентричные орбиты.

Расстояния избранных тел Солнечной системы от Солнца. Левый и правый края каждой полоски соответствуют перигелию и афелию тела, соответственно, поэтому длинные полоски обозначают высокий эксцентриситет орбиты . Радиус Солнца составляет 0,7 миллиона км, а радиус Юпитера (самой большой планеты) - 0,07 миллиона км, что слишком мало для разрешения на этом изображении.

2012 [ править ]

Мезоамериканский календарь с длинным счетом visualization.svg ☎ 21 декабря 2012 г. [ править ]

Я приятно удивлен отсутствием освещения в СМИ явления 2012 года , учитывая безумие, когда был выпущен фильм 2012 года - это, конечно, совсем не то, что сопровождало панику 2000 года .

Тем не менее мне было любопытно узнать актуальность сегодняшней даты в календаре майя и прочитать об их единицах времени. 21 декабря 2012 года знаменует собой конец 13-го числа (в их датах написано 12, поскольку они начинают отсчет с нуля) и начало 14-го б'актуна , единицу времени длиной 144000 дней (около 400 лет).

Используя идею, которую я разработал для визуализации больших чисел в одном масштабе (один миллион на иллюстрации справа и один миллиард на этой для экранов с высоким разрешением ), я нарисовал аналогичные блоки, представляющие мезоамериканские единицы времени вплоть до пиктуна ( около 8000 лет), что в принципе представляет собой почти 3 миллиона маленьких кубиков в самом большом блоке! Я добавил цвета и шкалу, показывающую эквивалентные даты по западному календарю . Чтобы уменьшить ширину изображения, я перевернул свою триметрическую проекцию по горизонтали.

Из этого изображения я могу видеть, что, хотя дата интересна, она не является исключительной, поскольку происходит раз в 394 года. Более того, на последних заменах 1618 , 1224 и 830 ничего серьезного не произошло .

На этой ноте я просто желаю всем: «С новым b'ak'tun!»

Карта аэропорта Хитроу с третьей взлетно-посадочной полосой.svg ☎ 17 декабря 2012 г. [ править ]

Карта слева - это моя первая попытка объединить SVG-экспорт данных OpenStreetMap с аннотацией, чтобы показать терминалы лондонского аэропорта Хитроу и его предлагаемое расширение , хотя я ранее встраивал растровые изображения карт OpenStreetMap в иллюстрацию ядерной катастрофы на Фукусима-дайити. (верно).

Хотя я использовал аэропорт Хитроу много лет, я понятия не имел о его планировке, кроме центрального автовокзала и станции метро, ​​обслуживающих терминалы 1 и 3 (и ранее терминал 2), в то время как у терминала 4 были свои станции. Карта теперь показывает, как здания расположены относительно взлетно-посадочных полос и друг друга. Я воспользовался возможностью, чтобы проиллюстрировать спорную третью взлетно-посадочную полосу и ее пристройку, которая получила широкое освещение в прессе Великобритании.

С технической точки зрения я обнаружил, что добавлять аннотации просто, но изменять существующие объекты SVG (даже просто менять их цвета) довольно сложно, особенно потому, что объектов было так много, что мне приходилось выслеживать целевой объект по цвету, который был указан, например, как , rgb (80%, 60%, 100%) вместо более распространенного формата # cc99ff . Я также думал, что SVG был крайне неэффективен с точки зрения размера файла. Я бы, например, сгруппировал все объекты одного стиля и применил бы стиль к группе, а не стилизовал бы каждый объект по отдельности. Если мне когда-нибудь понадобится снова аннотировать экспортированный SVG OpenStreetMap, я подумаю об использовании редактора, такого как Inkscape .

параллаксный барьер против лентикулярного экрана.svg ☎ 30 ноября 2012 г. [ править ]

Еще одна вещь, о которой мы говорили на собрании CUWPS, - это трехмерные (3D) дисплеи, такие как в Nintendo 3DS . Я показал группе рисунок слева, чтобы проиллюстрировать принцип, и тема сменилась на рисование SVG .

Мы рассмотрели исходный код и обсудили использование групп, преобразований и определенных блоков, чтобы уменьшить трудозатраты на их создание, а также сэкономить на размере файла.

Этот рисунок - одна из моих попыток имитировать 3D-сцену в 2D-среде, иронично, учитывая, что предметом рисунка является технология для моделирования 3D в 2D!

Используемая проекция - это приблизительная изометрическая проекция, используемая в изометрической графике в видеоиграх и пиксельной графике , фактически диметрическая проекция . В этом случае он упрощает отображение между 3D и 2D координатами, поэтому я мог вычислить координаты вручную, но традиционно он позволял пикселям аккуратно попадать в матрицу растровой графики без необходимости сглаживания . Мне это тоже кажется немного более эстетичным, чем истинная изометрия, так как видно больше сторон, чем сверху, точно так же, как я рисовал бы трехмерный объект.

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

Гавань Пенанга HMS Magpie 1884 Penang map.jpg ☎ 26 ноября 2012 г. [ редактировать ]

Меня всегда интересовал небольшой остров Пенанг, и я был на седьмом небе от счастья, когда нашел этот скан (слева) древней карты, датируемой 1799 годом. Хотя с момента основания Пенанга прошло всего 13 лет, на карте были такие достопримечательности, как форт Корнуоллис , Пенанг-роуд и сетка улиц возле Бич-стрит . Было удивительно, что, хотя земли на юго-востоке были освоены для строительства Weld Quay , земля на севере была потеряна для моря, что может объяснить, почему была построена Эспланада.

Тогда мне пришло в голову, что Пенанг, будучи британской колонией, означает, что в библиотеке Кембриджского университета должны быть обширные исторические записи о раннем Пенанге . Я нашел ту самую книгу, из которой была взята карта 1799 года, а также более свежую карту в Картографической комнате (справа) - как Пенанг вырос за 85 лет!

Я рассказал о своем опыте общения с Обществом Википедии Кембриджского университета вчера на их встрече и обсудил с президентом Дериком вопрос о расширении GLAM за счет включения архивов университетской библиотеки. Я знаю, что меня наверняка заинтересуют их древние карты ୯ ͡ ° ͜১͡ ° ੭

Колледжи Кембриджского университета timeline.svg ☎ 29 октября 2012 г. [ править ]

Вчера я посетил 16-ую встречу Кембриджа Викимедиа и первое собрание Общества Википедии Кембриджского университета и имел удовольствие встретиться с несколькими энтузиастами Викимедиа / Википедии и узнать о проектах и ​​идеях Пользователя: Чарльза Мэтьюза и Пользователя: Магнуса Манске . Я с нетерпением жду запланированного сотрудничества с Кембриджским университетом и местными музеями .

Говоря о Кембриджском университете, справа - диаграмма, которую я сделал некоторое время назад, чтобы проиллюстрировать сложную историю колледжей Кембриджского университета . Он показывает годы образования колледжей, когда они меняли свои названия и, что наиболее важно, когда они начали принимать женщин (или мужчин, в случае Girton College и Hughes Hall ). Получение всех этих данных из разрозненных источников было довольно сложной задачей, и мне все еще не хватает одной важной даты:

Когда колледж Святого Эдмунда стал смешанным.

На неоднократные электронные письма разным вечеринкам в колледже не было ответа, поэтому я заштриховал переход к диапазону лет, когда это могло произойти. У кого-нибудь есть идеи?

ОБНОВЛЕНИЕ 28 НОЯБРЯ 2012 : Пользователь: Дерик Чан сумел получить заявление от почетного сотрудника Сент-Эдмунда доктора Майкла А. Хоскина о том, что он помнил его как 1969 год. В ожидании подтверждения исторических записей я предварительно указал 1969 как год, когда Сент-Эдмунд стал смешанным.

ОБНОВЛЕНИЕ 17 ДЕКАБРЯ 2012 : Благодаря неустанным усилиям сотрудника женской комбинированной комнаты колледжа Святого Эдмунда, мисс Марьям Фарук, годом, когда женщины могли быть приняты в колледж Святого Эдмунда в качестве аспирантов, был установлен 1965 год .

Container City massing model.svg ☎ 28 сентября 2012 г. [ править ]

В минувшие выходные сотни заведений в Лондоне приветствовали посетителей Open House London , и поэтому я воспользовался возможностью посетить новаторскую работу по архитектуре морских контейнеров на Trinity Buoy Wharf : Container City .

Структура состоит из двух зданий под названием « Контейнерный город I» и « Контейнерный город 2» , состоящих из 52 старых 40-футовых морских контейнеров. Даже шахта лифта и лестничная клетка - это контейнеры, стоящие дыбом. Мне очень нравятся балконы, сделанные из открытых дверей контейнеров, и яркие цвета.

В отличие от экстерьера, его интерьер очень похож на обычные квартиры, за исключением иллюминаторов и случайных проблесков внешнего вида, а высокие люди могут счесть низкий потолок клаустрофобией! Студия была открыта для публики, хотя я цинично думаю, что это просто уловка, чтобы заставить людей сдать ее в аренду  :-)

Чтобы лучше понять его структуру, я повторно использовал свою запатентованную (не!) Триметрическую проекцию, чтобы изобразить контейнеры по одному слою за раз. Код SVG был полностью выполнен в Notepad ++ , хотите верьте, хотите нет, хотя самым сложным было выяснить, в какой цвет был окрашен каждый контейнер!

использование часов и солнца в качестве compass.svg ☎ 24 сентября 2012 г. [ править ]

Продолжая тему циферблатов, я недавно узнал о методе скаутов и подобных групп, которые учатся определять север и юг с помощью солнца и аналоговых часов или наручных часов:

Поскольку кажется, что солнце совершает один оборот вокруг неба за 24 часа, в то время как часовая стрелка 12-часовых часов занимает 12 часов, деление угла пополам позволяет определить стороны света.

К сожалению, современные часы усложняют работу с часовыми поясами и переходом на летнее время. В большинстве стран (за исключением, возможно, Китая и Кирибати) часовые пояса примерно соответствуют местному времени. Переход на летнее время обычно переводит часы на час вперед.

Используя эту информацию, более подробное описание в Cardinal_direction # Watch_face и печально известное время маркетинга , я проиллюстрировал эти четыре сценария:

1. В северном полушарии при переходе на летнее время.
2. В северном полушарии без перехода на летнее время.
3. В южном полушарии, при переходе на летнее время.
4. В южном полушарии без перехода на летнее время.

Сам SVG довольно прост, единственная трудность заключается в вычислении вращательных преобразований. Но чем я немного горжусь, так это тем, что солнце визуализировано с помощью 8 квадратичных кривых Безье и радиального градиента!

Шаблон: compare four face clocks.jpg ☎ 25 августа 2012 г. [ править ]

Я читал о башнях Абрадж аль-Байт (слева), и мне было любопытно узнать, насколько велики их часы, ставшие мировым рекордом. Статистика, такая как циферблаты диаметром 46 метров, не совсем точна, поэтому я решил создать фотомонтаж известных четырехцилиндровых часов и башен с часами в одном масштабе.

Я выбрал часы Allan-Bradley (предыдущий рекордсмен), часы Big Ben с башней с часами и часы Met Life Tower, а позже добавил кремлевские, так как чувствовал, что они дают хорошее представление о знаменитых больших четырехцилиндровых часах.

Следующим был поиск фотографий этих часов. Я использовал инструмент кадрирования в Photoshop, чтобы ортотрансформировать их, чтобы они выглядели так, как будто они были сняты в лоб. Этот процесс был упрощен тем фактом, что лица были почти двумерными, и я мог предположить, что они были круглыми. Недавно у меня была практика ортотрансформирования изображений, таких как одна из The Great Picture слева.

Затем мне пришлось найти способ привести все изображения к одному и тому же масштабу. Использование более распространенного «диаметра циферблата» было проблематичным, поскольку размер циферблата варьировался от часов к часам. Вместо этого я использовал опубликованные значения их минутных стрелок, поскольку их легко измерить, и это одно из самых длинных заданных измерений, чтобы уменьшить погрешности.

Составьте монтаж, напишите подпись, создайте шаблон, чтобы представить его единообразно, и это было в основном ...

Теперь можно увидеть, насколько огромны новые часы ; вся башня с часами Биг-Бена (которая будет названа Башней Елизаветы в честь 60-летия британской королевы на троне) могла поместиться в шпиле Абрадж аль-Бейт, и если бы на новых часах были цифры на циферблате (на них есть отметки), каждая число будет почти таким же большим, как часы Биг-Бена!

Turning Torso structure.svg ☎ 19 августа 2012 г. [ править ]

Я встретил архитектора, который является поклонником Сантьяго Калатравы, и мы начали говорить о его Turning Torso . Мне было трудно визуализировать его форму, особенно потому, что на большинстве фотографий показан только вид, сделанный с земли (крайний левый).

Небольшой поиск в Google позже обнаружил планы на http://www.calatrava.info/imageViewer/turningtorso/stor_plan.gif и http://blogfiles7.naver.net/data19/2006/10/27/22/Turning_Torso_Plans-43rd_Floor_1-jinsub0707. .jpg .

С помощью трюка, который я узнал в Adobe Flash, чтобы моделировать трехмерные формы с помощью двухмерных (повернуть, затем масштабировать по горизонтали и вертикали на разные величины и снова повернуть, если необходимо), я нарисовал эту иллюстрацию (слева). Теперь я могу более четко видеть форму здания! Кстати, угадайте, что повлияло на выбор цвета ...

ОБНОВЛЕНИЕ 10 МАРТА 2013 : Идея была повторно использована для иллюстрации Абсолютного Мира справа.

сравнение свертки correlation.svg ☎ 10 июля 2012 г. [ править ]

Мне было интересно, как нарисовать пересечение двух фигур SVG, например, фиолетовые области на изображении справа. Один из простых способов - установить непрозрачность верхней (нарисованной позже) фигуры между 0 и 1, чтобы сделать ее полупрозрачной. Однако это также приводит к тому, что неперекрывающаяся область становится полупрозрачной.

Мне пришло в голову, что я могу нарисовать эту фигуру дважды. Вызывая фигуры A и B , мы можем нарисовать A, а затем B полностью непрозрачными и, наконец, нарисовать полупрозрачную версию A сверху. Непрозрачность A гарантирует, что неперекрывающиеся области остаются непрозрачными. Теоретически это немного отличается от одиночного непрозрачного A из-за сглаживания его краев, но на практике я не обнаружил никаких проблем.

Та же идея была использована в графическом сравнении функций свертки и корреляции для двух сигналов. В этом изображении дополнительно используется более продвинутая техника с контурами обрезки для затенения общих областей под графиками, но его описание придется подождать до следующего дня ...

Шаблон: CiviltàValleIndoMappa-en ☎ 28 июня 2012 г. [ править ]

Я только что обнаружил способ встроить имя текущей страницы в включенный шаблон, используя системную переменную {{PAGENAME}} .

Например, подпись к изображению справа должна гласить: «Расположение Комгли в долине Инда и масштабы цивилизации долины Инда (зеленый)». (если кто-то не изменил шаблон!)

Конечно, в этом нет особого смысла! Это потому, что эта страница называется Cmglee (ее полное имя - User: Cmglee ).

Когда CiviltàValleIndoMappa-ан шаблон используется в статьях для городов меченых, таких как Мохенджо-Даро и Хараппа , он делает свою магию. Например, в статье Мохенджо-даро заголовок гласит: «Расположение Мохенджо-даро в долине Инда и масштабы цивилизации долины Инда (зеленый)».

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

Эстафета факела Летних Олимпийских игр 2012 map.svg ☎ 14 июн 2012 [ править ]

Одним из разочаровывающих ограничений SVG является отсутствие функции автоматического рисования плавной кривой через набор точек. Конечно, можно рисовать кривые Безье и эллиптические дуги между парами точек, но необходимо указать координаты контрольных точек или радиусы дуги.

На основе алгоритма из Stack Overflow я разработал функцию Perl для автоматического вычисления контрольных точек кубических сплайнов Безье для сглаживания ломаной линии.

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

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

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

cmglee ArcelorMittal Orbit.jpg ☎ 7 июня 2012 г. [ редактировать ]

Я был приятно удивлен, и для меня большая честь увидеть мою фотографию ArcelorMittal Orbit, появившуюся на главной странице Википедии 17 мая .

Я сделал это фото случайно. В тот роковой день я взял тренера из Кембриджа в Лондон, чтобы успеть на тестовое мероприятие London Prepares в Олимпийском парке. Я ожидал, что выйду в Стратфорде, как уже делал несколько раз раньше. Я был ошеломлен тем, что National Express изменил расписание автобусов 010, чтобы обойти Стратфорд, вынудив меня выйти в Боу и вернуться в Стратфорд.

Мне запомнился великолепный вид на Олимпийский стадион и Орбиту с эстакады над кольцевой развязкой A118 - за несколько месяцев до этого я загрузил гораздо более низкокачественную версию той же сцены из автобуса в Лондон, как видно из файла. история . Итак, я решил залезть на нее.

Хотя не было никаких знаков, запрещающих въезд пешеходам, путепровод был очень волосатым, без пешеходной дорожки, чтобы избежать быстро движущегося транспорта. Тем не менее, я был вознагражден этим великолепным видом - если можно назвать Орбиту «великолепной» ;-)

И это история за кадром ... Следите за новостями, чтобы узнать больше о том, что происходит за кулисами!

сравнение ожидаемой продолжительности жизни мужчин и женщин CIA factbook.svg ☎ 26 мая 2012 г. [ править ]

Эта статья BBC News напомнила мне график справа, который я сделал для сравнения ожидаемой продолжительности жизни (при рождении) мужчин и женщин в разных странах. Как известно, женщины обычно живут дольше мужчин, особенно в странах Восточной Европы. В статье BBC обсуждаются возможные причины этого. Однако в странах Африки к югу от Сахары наблюдается обратная тенденция. Это еще более экстремально на Монтсеррате , где (если верить цифрам), мужчины живут в среднем на 3¾ года дольше, чем женщины.

Изначально я счел сложной задачей изобразить размер населения страны - от 5000 до почти 7 миллиардов человек. Я мог бы использовать логарифмическую шкалу, но решил представить маркеры в виде трехмерных «пузырей» с объемами, пропорциональными их численности. Это позволило мне охватить 6 порядков величины с радиусами, покрывающими 2 порядка величины, так что если, например, самый маленький пузырек будет иметь ширину 1 пиксель, самый большой будет иметь управляемую ширину 100 пикселей.

Кроме того, прозрачные пузыри позволяют нескольким пузырям перекрываться и оставаться видимыми. Маленькая точка в их центре позволяет читателю определить ожидаемую продолжительность жизни в годах.

Та же идея была повторно использована для рисунка слева, показывающего жертвы землетрясений силой 8 баллов и более с 1900 года .

сравнение самых высоких гор.svg ☎ 9 апреля 2012 г. [ править ]