Skip to content

Commit a70c29b

Browse files
DuncanMcBainrafbiels
DuncanMcBain
and
rafbiels
authored
Image improvements (#391)
Not all PNGs are gone, as several don't seem to have corresponding drawio files. We might have to recreate these later. Some SVGs have embedded PNG data in them, as well. Some other changes were made, like replacing a table images with actual markdown tables, and the trademarks image with a normal HTML element. --------- Co-authored-by: Rafal Bielski <[email protected]>
1 parent 625bb2d commit a70c29b

File tree

72 files changed

+180
-89
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+180
-89
lines changed

‎Lesson_Materials/Advanced_Data_Flow/index.html

+2-3
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
52-
<img src="../common-revealjs/images/codeplay.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5352
</div>
5453
<!--Slide 1-->
5554
<section class="hbox">
@@ -213,7 +212,7 @@
213212
</div>
214213
<div class="container">
215214
<div class="col" data-markdown>
216-
![SYCL](../common-revealjs/images/uninitialized_buffer.png "SYCL")
215+
![SYCL](../common-revealjs/images/uninitialized_buffer.svg "SYCL")
217216
</div>
218217
<div class="col" data-markdown>
219218
* Here we have an example of using these techniques:

‎Lesson_Materials/Asynchronous_Execution/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section class="hbox">

‎Lesson_Materials/Coalesced_Global_Memory/index.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
52-
<img src="../common-revealjs/images/codeplay.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5352
</div>
5453
<!--Slide 1-->
5554
<section class="hbox">

‎Lesson_Materials/Data_Parallelism/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section class="hbox" data-markdown>

‎Lesson_Materials/Data_and_Dependencies/index.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section class="hbox">
@@ -94,7 +94,7 @@
9494
</div>
9595
<div class="container">
9696
<div class="col" data-markdown>
97-
![SYCL](../common-revealjs/images/data_dependency.png "SYCL")
97+
![SYCL](../common-revealjs/images/data_dependency.svg "SYCL")
9898
</div>
9999
<div class="col" data-markdown>
100100
* Kernel A first writes to the data
@@ -111,7 +111,7 @@
111111
</div>
112112
<div class="container">
113113
<div class="col" data-markdown>
114-
![SYCL](../common-revealjs/images/data_movement.png "SYCL")
114+
![SYCL](../common-revealjs/images/data_movement.svg "SYCL")
115115
</div>
116116
<div class="col" data-markdown>
117117
* Here both kernel functions are enqueued to the same device, in this case a GPU
@@ -128,7 +128,7 @@
128128
</div>
129129
<div class="container">
130130
<div class="col" data-markdown>
131-
![SYCL](../common-revealjs/images/data_flow.png "SYCL")
131+
![SYCL](../common-revealjs/images/data_flow.svg "SYCL")
132132
</div>
133133
<div class="col" data-markdown>
134134
* Combining kernel function dependencies and the data movement dependencies we have a final data flow graph
@@ -406,7 +406,7 @@
406406
</div>
407407
<div class="container">
408408
<div class="col" data-markdown>
409-
![SYCL](../common-revealjs/images/concurrent_data_flow.png "SYCL")
409+
![SYCL](../common-revealjs/images/concurrent_data_flow.svg "SYCL")
410410
</div>
411411
<div class="col" data-markdown>
412412
* If two kernels are accessing different buffers then there is no dependency between them
@@ -562,7 +562,7 @@
562562
Code_Exercises/Data_and_Dependencies/source
563563
</div>
564564
<div class="container" data-markdown>
565-
![SYCL](../common-revealjs/images/diamond_data_flow.png "SYCL")
565+
![SYCL](../common-revealjs/images/diamond_data_flow.svg "SYCL")
566566
</div>
567567
<div class="container" data-markdown>
568568
Put together what you've seen here to create the above diamond data flow graph in either buffer/accessor or USM data management models

‎Lesson_Materials/Device_Discovery/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section class="hbox">

‎Lesson_Materials/Enqueueing_a_Kernel/index.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section>
@@ -99,7 +99,7 @@
9999
<div class="container">
100100
<div class="col">
101101
<div class="col-left-1" data-markdown>
102-
![SYCL](../common-revealjs/images/command_group.png "SYCL")
102+
![SYCL](../common-revealjs/images/command_group.svg "SYCL")
103103
</div>
104104
</div>
105105
<div class="col" data-markdown>
@@ -119,7 +119,7 @@
119119
</div>
120120
<div class="container">
121121
<div class="col" data-markdown>
122-
![SYCL](../common-revealjs/images/composing_a_command_group.png "SYCL")
122+
![SYCL](../common-revealjs/images/composing_a_command_group.svg "SYCL")
123123
</div>
124124
<div class="col" data-markdown>
125125
* Command groups are composed by calling the `submit` member function on a `queue`.
@@ -202,7 +202,7 @@
202202
#### Scheduling
203203
</div>
204204
<div class="container" data-markdown>
205-
![SYCL](../common-revealjs/images/scheduling.png "SYCL")
205+
![SYCL](../common-revealjs/images/scheduling.svg "SYCL")
206206
</div>
207207
<div class="container" data-markdown>
208208
* Once `submit` has created a command group it will submit it to the scheduler.
@@ -217,7 +217,7 @@
217217
</div>
218218
<div class="container">
219219
<div class="col" data-markdown>
220-
![SYCL](../common-revealjs/images/common_scheduler.png "SYCL")
220+
![SYCL](../common-revealjs/images/common_scheduler.svg "SYCL")
221221
</div>
222222
</div>
223223
<div class="container" data-markdown>

‎Lesson_Materials/Fast_Track/index.html

+4-5
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
52-
<img src="../common-revealjs/images/codeplay.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5352
</div>
5453
<!--Slide 1-->
5554
<section class="hbox">
@@ -207,7 +206,7 @@
207206
</div>
208207
<div class="container">
209208
<div class="col" data-markdown>
210-
![SYCL](../common-revealjs/images/out_of_order_execution.png "SYCL")
209+
![SYCL](../common-revealjs/images/out_of_order_execution.svg "SYCL")
211210
</div>
212211
<div class="col" data-markdown>
213212
* Commands are submitted to devices in SYCL by means of a Queue
@@ -223,7 +222,7 @@
223222
</div>
224223
<div class="container">
225224
<div class="col" data-markdown>
226-
![SYCL](../common-revealjs/images/in_order_execution.png "SYCL")
225+
![SYCL](../common-revealjs/images/in_order_execution.svg "SYCL")
227226
</div>
228227
<div class="col" data-markdown>
229228
* SYCL `queue`s can be configured to be in-order.
@@ -604,7 +603,7 @@
604603
</div>
605604
<div class="container">
606605
<div class="col" data-markdown>
607-
![SYCL](../common-revealjs/images/image_convolution_data_flow.png "SYCL")
606+
![SYCL](../common-revealjs/images/image_convolution_data_flow.svg "SYCL")
608607
</div>
609608
<div class="col" data-markdown>
610609
* The kernel must read from the input image data and writes to the output image data.

‎Lesson_Materials/Handling_Errors/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section class="hbox" data-markdown>

‎Lesson_Materials/Image_Convolution/index.html

+2-3
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
52-
<img src="../common-revealjs/images/codeplay.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5352
</div>
5453
<!--Slide 1-->
5554
<section class="hbox">
@@ -135,7 +134,7 @@
135134
</div>
136135
<div class="container">
137136
<div class="col" data-markdown>
138-
![SYCL](../common-revealjs/images/image_convolution_data_flow.png "SYCL")
137+
![SYCL](../common-revealjs/images/image_convolution_data_flow.svg "SYCL")
139138
</div>
140139
<div class="col" data-markdown>
141140
* We have a single kernel function.

‎Lesson_Materials/In_Order_Queue/index.html

+4-5
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
52-
<img src="../common-revealjs/images/codeplay.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5352
</div>
5453
<!--Slide 1-->
5554
<section class="hbox">
@@ -70,7 +69,7 @@
7069
</div>
7170
<div class="container">
7271
<div class="col" data-markdown>
73-
![SYCL](../common-revealjs/images/out_of_order_execution.png "SYCL")
72+
![SYCL](../common-revealjs/images/out_of_order_execution.svg "SYCL")
7473
</div>
7574
<div class="col" data-markdown>
7675
* SYCL `queue`s are by default out-of-order.
@@ -85,7 +84,7 @@
8584
</div>
8685
<div class="container">
8786
<div class="col" data-markdown>
88-
![SYCL](../common-revealjs/images/in_order_execution.png "SYCL")
87+
![SYCL](../common-revealjs/images/in_order_execution.svg "SYCL")
8988
</div>
9089
<div class="col" data-markdown>
9190
* SYCL `queue`s can be configured to be in-order.
@@ -224,7 +223,7 @@
224223
Code_Exercises/In_Order_Queue/source_vector_add.cpp
225224
</div>
226225
<div class="container" data-markdown>
227-
![SYCL](../common-revealjs/images/in_order_diamond_data_flow.png "SYCL")
226+
![SYCL](../common-revealjs/images/in_order_diamond_data_flow.svg "SYCL")
228227
</div>
229228
<div class="container" data-markdown>
230229
Take the diamond data flow graph we implemented in the last exercise and convert it to use an in-order `queue`.

‎Lesson_Materials/Introduction_to_USM/index.html

+15-7
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5252
</div>
5353
<!--Slide 1-->
5454
<section class="hbox">
@@ -86,7 +86,7 @@
8686
</div>
8787
<div class="container">
8888
<div class="col" data-markdown>
89-
![SYCL](../common-revealjs/images/unified_virtual_address_space.png "SYCL")
89+
![SYCL](../common-revealjs/images/unified_virtual_address_space.svg "SYCL")
9090
</div>
9191
<div class="col" data-markdown>
9292
* USM memory allocations return pointers which are consistent between the host application and kernel functions on a device
@@ -102,7 +102,7 @@
102102
</div>
103103
<div class="container">
104104
<div class="col" data-markdown>
105-
![SYCL](../common-revealjs/images/pointer_based_structures.png "SYCL")
105+
![SYCL](../common-revealjs/images/pointer_based_structures.svg "SYCL")
106106
</div>
107107
<div class="col" data-markdown>
108108
* Data is moved between the host and device(s) in a span of memory in bytes rather than a buffer of a specific type
@@ -118,7 +118,7 @@
118118
</div>
119119
<div class="container">
120120
<div class="col" data-markdown>
121-
![SYCL](../common-revealjs/images/explicit_data_movement.png "SYCL")
121+
![SYCL](../common-revealjs/images/explicit_data_movement.svg "SYCL")
122122
</div>
123123
<div class="col" data-markdown>
124124
* Memory is allocated and data is moved using explicit routines
@@ -134,7 +134,7 @@
134134
</div>
135135
<div class="container">
136136
<div class="col" data-markdown>
137-
![SYCL](../common-revealjs/images/shared_memory.png "SYCL")
137+
![SYCL](../common-revealjs/images/shared_memory.svg "SYCL")
138138
</div>
139139
<div class="col" data-markdown>
140140
* Some platforms will support variants of USM where memory allocations share the same memory region between the host and device(s)
@@ -162,10 +162,18 @@
162162
#### USM variants
163163
</div>
164164
<div class="container" data-markdown>
165-
USM has four variants which a platform can support with varying levels of support
165+
USM has four variants which a platform can support with varying levels of support.
166+
Only Explicit USM is guraranteed to be available, with the others optional.
166167
</div>
167168
<div class="container" data-markdown>
168-
![SYCL](../common-revealjs/images/usm_variants.png "SYCL")
169+
| | Explicit USM | Restricted USM | Concurrent USM | System USM |
170+
|------------------------|--------------|----------------|----------------|------------|
171+
| Consistent pointers | ✓ | ✓ | ✓ | ✓ |
172+
| Pointers in structures | ✓ | ✓ | ✓ | ✓ |
173+
| Explicit data movement | ✓ | ✓ | ✓ | ✓ |
174+
| Shared allocations | ✗ | ✓ | ✓ | ✓ |
175+
| Concurrent access | ✗ | ✗ | ✓ | ✓ |
176+
| System allocations | ✗ | ✗ | ✗ | ✓ |
169177
</div>
170178
</section>
171179
<!--Slide 10-->

‎Lesson_Materials/Local_Memory_Tiling/index.html

+1-2
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@
4848
<div id="global-images" class="global-images">
4949
<img src="../common-revealjs/images/sycl_academy.png" />
5050
<img src="../common-revealjs/images/sycl_logo.png" />
51-
<img src="../common-revealjs/images/trademarks.png" />
52-
<img src="../common-revealjs/images/codeplay.png" />
51+
<div class="trademarks">SYCL and the SYCL logo are trademarks of the Khronos Group Inc.</div>
5352
</div>
5453
<!--Slide 1-->
5554
<section class="hbox">

0 commit comments

Comments
 (0)