Маю надію, ви знаєте такий ресурс як wavedrom.com який дозволяє будувати часові діаграми з текстового опису в форматі json. Так от, автор цього ресурсу розробив плагін для VSCode, який дозволяє будувати часові діаграми прямо в VSCode.
Для установки плагіну треба в VSCode відкрити закладку Extension і там в рядку пошуку обираєте Waveform Render. Завантажуєте плагін.
Після установки просто робите json файл, в якому пишете код для часових діаграм у відповідності до правил wavedrom. Потім натискаєте CTRL+Shift+P і обраєте пункт Waveform Render: Draw. Все – діаграми побудовані і їх можна зберігати у форматі растрового або векторного зображення.
От на такий приклад, який описує роботу лічильника з коефіцієнтом рахування 10 і показаний ось в цьому відео: https://youtu.be/e5UUAnOd4Cc
{signal: [
{name: ‘clk’, wave: ‘p………..’},
{name: ‘Q’, wave: ‘345678934567’,
data:’0 1 2 3 4 5 6 7 8 9 0 1′},
[‘Q’,
{name: ‘Q0’, wave: ‘010101010101’},
{name: ‘Q1’, wave: ‘0.1.0.1.0…’},
{name: ‘Q2’, wave: ‘0…1…0…’},
{name: ‘Q3’, wave: ‘0…….1.0.’},
],
{name: ‘TQ1’, wave: ‘010101010..1’},
{name: ‘TQ2’, wave: ‘0..10..10…’},
{name: ‘TQ3’, wave: ‘0……1010.’},
{name: ‘cu’, wave: ‘0……..10.’},
],
head:{
text:»,
tick:0
}
}
В результаті будуть побудовані ось такі часові діаграми.
Якщо хочете редагувати діаграми для більш гарного візуального результату — обирайте векторний svg формат. Мені не дуже подобаються шрифти, які використовуються у wavedrom, тому роблю невелике редагування. Результат роботи зі шрифтами може виглядати ось так:
На цьому все… Слава нації!
Лабораторія цифрового дизайну 
Оставьте комментарий